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

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

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