Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: GMA UI-Test

Browse Source
This commit is contained in:
ISA
2024-12-16 10:22:32 +01:00
parent c172c72028
commit 1abe72f209
4 changed files with 52 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
config/config.js
View File

@@ -2,7 +2,6 @@
import * as urls from "../config/urls.js"; import * as urls from "../config/urls.js";
// Definieren der grundlegenden Umgebungseinstellungen und Konfigurationen der Karte // Definieren der grundlegenden Umgebungseinstellungen und Konfigurationen der Karte
const mapVersion = "0.5.3"; // Die Version der verwendeten Karte
const standardSideMenu = true; // Einstellung, ob ein standardmäßiges Seitenmenü verwendet wird const standardSideMenu = true; // Einstellung, ob ein standardmäßiges Seitenmenü verwendet wird
const fullSideMenu = false; // Einstellung, ob ein vollständiges Seitenmenü verwendet wird const fullSideMenu = false; // Einstellung, ob ein vollständiges Seitenmenü verwendet wird
@@ -50,7 +49,6 @@ if (typeof window !== "undefined") {
// Export der definierten Variablen und URLs // Export der definierten Variablen und URLs
export { export {
mapVersion,
standardSideMenu, standardSideMenu,
fullSideMenu, fullSideMenu,
serverURL, serverURL,

1
config/urls.js
View File

@@ -15,6 +15,7 @@ if (typeof window !== "undefined") {
//OFFLINE_TILE_LAYER = "http://10.10.0.70:3000/mapTiles/{z}/{x}/{y}.png"; //Map von Talas_v5 Server //OFFLINE_TILE_LAYER = "http://10.10.0.70:3000/mapTiles/{z}/{x}/{y}.png"; //Map von Talas_v5 Server
//OFFLINE_TILE_LAYER = "http://10.10.0.70/talas5/nodeMap/public/mapTiles/{z}/{x}/{y}.png"; //Map von Talas_v5 Server //OFFLINE_TILE_LAYER = "http://10.10.0.70/talas5/nodeMap/public/mapTiles/{z}/{x}/{y}.png"; //Map von Talas_v5 Server
OFFLINE_TILE_LAYER = `${originWithoutPort}/talas5/nodeMap/public/mapTiles/{z}/{x}/{y}.png`; //Map von Talas_v5 Server OFFLINE_TILE_LAYER = `${originWithoutPort}/talas5/nodeMap/public/mapTiles/{z}/{x}/{y}.png`; //Map von Talas_v5 Server
console.log("OFFLINE_TILE_LAYER: ", OFFLINE_TILE_LAYER);
//OFFLINE_TILE_LAYER = `${originWithoutPort}:3000/mapTiles/{z}/{x}/{y}.png`; //OFFLINE_TILE_LAYER = `${originWithoutPort}:3000/mapTiles/{z}/{x}/{y}.png`;
//OFFLINE_TILE_LAYER = `https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png`; //OFFLINE_TILE_LAYER = `https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png`;
MAP_TILES_LAYER = OFFLINE_TILE_LAYER; // Standardwert MAP_TILES_LAYER = OFFLINE_TILE_LAYER; // Standardwert

99
cypress/e2e/gmaMarkersLayer.cy.js
View File

@@ -1,52 +1,53 @@
describe("GMA Markers Layer", () => { describe("GMA Markers Layer", () => {
beforeEach(() => { before(() => {
// Besuche die Map-Seite // Besuche die Map-Seite
cy.visit("http://192.168.10.33:3000/?m=12&u=484"); // Passe die URL an cy.visit("http://10.10.0.70:3000/?m=12&u=484"); // Passe die URL an
}); });
it("should display tooltip on hover over a marker", () => { it("should display tooltip on hover over a marker", () => {
// Simuliere einen Hover über einen Marker // Simuliere einen Hover über einen Marker
cy.get('.leaflet-marker-icon') // Selektor für Marker-Icons cy.get(".leaflet-marker-icon") // Selektor für Marker-Icons
.first() .first()
.trigger("mouseover"); .trigger("mouseover");
// Überprüfen, ob das Tooltip angezeigt wird // Überprüfen, ob das Tooltip angezeigt wird
cy.get('.leaflet-tooltip') // Selektor für Tooltip cy.get(".leaflet-tooltip") // Selektor für Tooltip
.should("be.visible") .should("be.visible")
.and("contain", "LT"); // Teste auf Inhalt .and("contain", "LT :"); // Teste auf spezifischen Inhalt
}); });
it("should open context menu on right-click on tooltip", () => { it("should open context menu on right-click on tooltip", () => {
// Simuliere einen Rechtsklick auf einen Tooltip // Simuliere einen Rechtsklick auf einen Marker
cy.get('.leaflet-marker-icon') // Selektor für Marker-Icons cy.get(".leaflet-marker-icon") // Selektor für Marker-Icons
.first() .first()
.trigger("mouseover"); .trigger("mouseover");
cy.get('.leaflet-tooltip') // Selektor für Tooltip // Füge einen Rechtsklick auf den Tooltip hinzu
.rightclick(); cy.get(".leaflet-tooltip") // Selektor für Tooltip
.should("be.visible")
// Überprüfen, ob das Kontextmenü angezeigt wird .trigger("contextmenu"); // Trigger Kontextmenü
cy.get('.custom-context-menu') // Selektor für Kontextmenü
.should("be.visible") // Überprüfen, ob das Kontextmenü angezeigt wird
.and("contain", "Koordinaten anzeigen"); // Teste auf Inhalt cy.get(".custom-context-menu") // Selektor für Kontextmenü
}); .should("be.visible")
.and("contain", "Koordinaten anzeigen"); // Teste auf spezifischen Menüpunkt
it("should display coordinates when 'Koordinaten anzeigen' is clicked", () => { });
// Simuliere einen Rechtsklick und klicke auf "Koordinaten anzeigen"
cy.get('.leaflet-marker-icon') // Selektor für Marker-Icons it("should display coordinates when 'Koordinaten anzeigen' is clicked", () => {
.first() // Simuliere einen Rechtsklick und klicke auf "Koordinaten anzeigen"
.trigger("mouseover"); cy.get(".leaflet-marker-icon") // Selektor für Marker-Icons
.first()
cy.get('.leaflet-tooltip') // Selektor für Tooltip .trigger("mouseover");
.rightclick();
cy.get(".leaflet-tooltip") // Selektor für Tooltip
// Klick auf den Menüpunkt "Koordinaten anzeigen" .trigger("contextmenu");
cy.contains("Koordinaten anzeigen").click();
// Klick auf den Menüpunkt "Koordinaten anzeigen"
// Überprüfen, ob der Alert mit den Koordinaten angezeigt wird cy.get(".custom-context-menu").contains("Koordinaten anzeigen").click();
cy.on("window:alert", (text) => {
expect(text).to.match(/Breitengrad: .* Längengrad: .*/); // Überprüfen, ob der Alert mit den Koordinaten angezeigt wird
}); cy.on("window:alert", (text) => {
expect(text).to.match(/Breitengrad: .* Längengrad: .*/);
}); });
}); });
});

2
cypress/e2e/tk-components.cy.js
View File

@@ -1,7 +1,7 @@
describe("TK-Komponenten", () => { describe("TK-Komponenten", () => {
before(() => { before(() => {
// Lade die Seite nur einmal vor allen Tests // Lade die Seite nur einmal vor allen Tests
cy.visit("http://192.168.10.33:3000/?m=12&u=484"); cy.visit("http://10.10.0.70:3000/?m=12&u=484");
//cy.wait(5000); // Wartezeit, bis die Seite vollständig geladen ist, cypress macht automatisch , alsobrauchen wir im moment kein wait() wenn cy. schafft //cy.wait(5000); // Wartezeit, bis die Seite vollständig geladen ist, cypress macht automatisch , alsobrauchen wir im moment kein wait() wenn cy. schafft
}); });