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

test: Überprüfung der Kartenladung, Kontextmenü und Geräte-URL-Erreichbarkeit

Browse Source 
- Stellt sicher, dass die Karte erfolgreich geladen wird und sichtbar ist.
- Simuliert Rechtsklick auf Marker und überprüft, ob das Kontextmenü erscheint.
- Validiert die Sichtbarkeit des Menüeintrags "Station öffnen (Tab)" im Kontextmenü.
- Testet, ob ein Klick auf den Menüeintrag "Station öffnen (Tab)" , dass das  Gerät in einem Tab öffnet.
- Überprüft, ob die URL des geöffneten Geräts den HTTP-Status 200 zurückgibt (erreichbar).
- Fügt Logs und Screenshots zur Fehlerbehebung hinzu.
This commit is contained in:
ISA
2025-01-02 08:42:31 +01:00
parent 65109cc953
commit e6dff1dcf8
22 changed files with 112 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

165
components/useMapContextMenu.js
View File

@@ -1,5 +1,6 @@
// /components/useMapContextMenu.js
import { toast } from "react-toastify";
import { zoomIn, zoomOut, centerHere } from "../utils/zoomAndCenterUtils"; // Utility-Funktionen
import { zoomIn, zoomOut, centerHere } from "../utils/zoomAndCenterUtils"; // Assuming these are imported correctly
const zoomInCallback = (e, map) => {
zoomIn(e, map);
@@ -12,84 +13,10 @@ const zoomOutCallback = (map) => {
const centerHereCallback = (e, map) => {
centerHere(e, map);
};
// Hilfsfunktion zur Umwandlung in das DMS-Format
const toDMS = (decimal, isLat) => {
const direction = decimal >= 0 ? (isLat ? "N" : "E") : isLat ? "S" : "W";
const absDecimal = Math.abs(decimal);
const degrees = Math.floor(absDecimal);
const minutesDecimal = (absDecimal - degrees) * 60;
const minutes = Math.floor(minutesDecimal);
const seconds = ((minutesDecimal - minutes) * 60).toFixed(1);
return `${degrees}°${minutes}'${seconds}"${direction}`;
};
// Funktion zum Anzeigen und Kopieren der Koordinaten
// Funktion zum Anzeigen der Koordinaten
const showCoordinates = (e) => {
const latDMS = toDMS(e.latlng.lat, true);
const lngDMS = toDMS(e.latlng.lng, false);
const coordinates = `${latDMS} ${lngDMS}`;
// Überprüfen, ob das Clipboard-API unterstützt wird
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard
.writeText(coordinates)
.then(() => {
toast.success("Koordinaten wurden kopiert: " + coordinates, {
position: "top-center",
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
});
})
.catch((err) => {
toast.error("Fehler beim Kopieren der Koordinaten!", {
position: "top-center",
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
});
console.error("Fehler beim Kopieren: ", err);
});
} else {
// Fallback für ältere Browser
const textArea = document.createElement("textarea");
textArea.value = coordinates;
document.body.appendChild(textArea);
textArea.select();
try {
document.execCommand("copy");
toast.success("Koordinaten wurden kopiert: " + coordinates, {
position: "top-center",
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
});
} catch (err) {
toast.error("Fehler beim Kopieren der Koordinaten!", {
position: "top-center",
autoClose: 3000,
hideProgressBar: false,
closeOnClick: true,
pauseOnHover: true,
draggable: true,
progress: undefined,
});
console.error("Fehler beim Kopieren: ", err);
}
document.body.removeChild(textArea);
}
alert("Breitengrad: " + e.latlng.lat.toFixed(5) + "\nLängengrad: " + e.latlng.lng.toFixed(5));
};
// Kontextmenü Callback für "POI hinzufügen"
const addStationCallback = (event, hasRights, setShowPopup, setPopupCoordinates) => {
const editMode = localStorage.getItem("editMode") === "true";
@@ -116,57 +43,43 @@ export const addItemsToMapContextMenu = (map, menuItemAdded, setMenuItemAdded, h
hasRights = editMode ? hasRights : undefined;
if (!menuItemAdded && map && map.contextmenu) {
// Event-Listener für Rechtsklick
map.on("contextmenu", (e) => {
// Entferne alle vorherigen dynamischen Einträge
map.contextmenu.removeAllItems();
// Koordinaten dynamisch anzeigen
const latDMS = toDMS(e.latlng.lat, true);
const lngDMS = toDMS(e.latlng.lng, false);
const coordinates = `${latDMS} ${lngDMS}`;
map.contextmenu.addItem({
text: coordinates,
icon: "img/not_listed_location.png",
callback: () => showCoordinates(e),
});
map.contextmenu.addItem({ separator: true });
// Zoom-In
map.contextmenu.addItem({
text: "Reinzoomen",
icon: "img/zoom_in.png",
callback: (e) => zoomInCallback(e, map),
});
// Zoom-Out
map.contextmenu.addItem({
text: "Rauszoomen",
icon: "img/zoom_out.png",
callback: () => zoomOutCallback(map),
});
// Hier zentrieren
map.contextmenu.addItem({
text: "Hier zentrieren",
icon: "img/center_focus.png",
callback: (e) => centerHereCallback(e, map),
});
// POI hinzufügen (wenn Bearbeitungsmodus aktiviert ist)
if (editMode) {
map.contextmenu.addItem({ separator: true });
map.contextmenu.addItem({
text: "POI hinzufügen",
icon: "img/add_station.png",
className: "background-red",
callback: (event) => addStationCallback(event, hasRights, setShowPopup, setPopupCoordinates),
});
}
map.contextmenu.addItem({
text: "Koordinaten anzeigen",
icon: "img/not_listed_location.png",
callback: showCoordinates,
});
map.contextmenu.addItem({ separator: true });
map.contextmenu.addItem({
text: "Reinzoomen",
icon: "img/zoom_in.png",
callback: (e) => zoomInCallback(e, map),
});
map.contextmenu.addItem({
text: "Rauszoomen",
icon: "img/zoom_out.png",
callback: () => zoomOutCallback(map),
});
map.contextmenu.addItem({
text: "Hier zentrieren",
icon: "img/center_focus.png",
callback: (e) => centerHereCallback(e, map),
});
// wenn localStorage Variable editMode true ist, dann wird der Button "POI hinzufügen" angezeigt
if (editMode) {
map.contextmenu.addItem({ separator: true });
map.contextmenu.addItem({
text: "POI hinzufügen",
icon: "img/add_station.png",
className: "background-red",
callback: (event) => addStationCallback(event, hasRights, setShowPopup, setPopupCoordinates),
});
}
setMenuItemAdded(true);
}
};