Step by step to your own adapted version of each item: ↴

🛠️ Anleitung: So arbeitest du mit diesen Dateien in Cursor.com

🧠 Effiziente Planung für dein KI-Projekt
Plane dein Projekt im Voraus – du erhältst mehrere Wochen kostenlose Testzeit, um den KI-Bot auszuprobieren. Nutze diese Zeit effizient, insbesondere im Hinblick auf die Token-Nutzung. „Die hier erstellten Inhalte stammen aus der Testphase. Ab sofort erfolgt die Fortführung kostenpflichtig fuer mich.

🔍 Was bedeutet das?
Die Token-Nutzung beschreibt den Verbrauch von Rechenleistung, die für die Verarbeitung deiner Anfragen eingesetzt wird. Diese Leistung ist kostenintensiv, da sie direkt mit dem Einsatz von Serverressourcen und Energie verbunden ist.

💡 Tipp:
Je besser du deine Testphase strukturierst, desto gezielter kannst du die KI einsetzen – und dabei sowohl Zeit als auch Kosten sparen.

Erster Tipp – und der wichtigste: Backup!!!
machen, Kommuniziere mit der KI über dein Programm immer mit der Konslole des Browser's - neben deinen eigenen Vorstellungen der Gestalltung deiner APP-Software - durch die Ausgabewerte im fall von Fehlern die zeigt. die Konsolenausgabe des Browser*  an.

*benutze diese und fuege sie in den promt deines AI bot ein.

BROWSER KONSOLE:

To open the Browser Console (for debugging websites):

Chrome / Edge:
Press Ctrl + Shift + J (Windows/Linux) or Cmd + Option + J (Mac).

Firefox:
Press Ctrl + Shift + K (Windows/Linux) or Cmd + Option + K (Mac).

Or right-click on a page → Inspect → go to the Console tab.

🧪 End-to-End Human-Klicktests zur Qualitätssicherung deiner Software. (Am Ende dieser Seite mehr dazu:↴)
Um die Qualität und Zuverlässigkeit deiner Software sicherzustellen, empfiehlt es sich, End-to-End (E2E) Human-Klicktests einzusetzen. Diese Methode simuliert reale Nutzerinteraktionen mit der Anwendung und prüft, ob alle Komponenten im Zusammenspiel wie erwartet funktionieren.
✅ Vorteile der E2E Human-Klicktests
• Realitätsnahe Testszenarien
Die Tests basieren auf echten Klickpfaden und Nutzerverhalten. Dadurch werden nicht nur einzelne Funktionen geprüft, sondern auch deren Zusammenspiel im Gesamtsystem.
• Zeitersparnis gegenüber manuellen Tests
Statt jede Funktion einzeln und manuell zu testen, können automatisierte Klicktests große Teile der Anwendung schnell und zuverlässig durchlaufen. Das spart wertvolle Entwicklungszeit.
• Fehlererkennung über Systemgrenzen hinweg
E2E-Tests decken Fehler auf, die bei isolierten Unit- oder Integrationstests oft übersehen werden – etwa durch unerwartete Wechselwirkungen zwischen Frontend und Backend.

🔁 Empfohlener Ablauf

1. Testskripte erstellen
Definiere typische Nutzerpfade (z. B. Login, Produktsuche, Warenkorb, Checkout) und erstelle automatisierte Klicktests für diese Abläufe.

2. Tests regelmäßig ausführen
Integriere die Tests in deine CI/CD-Pipeline, sodass sie bei jedem Deployment automatisch ausgeführt werden.

3. Ergebnisse analysieren und beheben
Fehlerhafte Abläufe werden sofort sichtbar und können gezielt behoben werden.

4. Manuelle Prüfung zum Abschluss
Nach erfolgreichem Durchlauf der automatisierten Tests empfiehlt sich eine abschließende manuelle Prüfung, um die Nutzererfahrung subjektiv zu bewerten und letzte Details zu verfeinern.

💡 Fazit: Mit E2E Human-Klicktests erreichst du eine hohe Testabdeckung, sparst Zeit und erhöhst die Zuverlässigkeit deiner Software. Die Kombination aus automatisierten Abläufen und manueller Endkontrolle bietet ein robustes Fundament für fehlerfreie Releases.

🧪 **Testautomatisierung mit KI und Cypress**

Um Programme effizient zu testen, wird ein KI-Bot aufgerufen, der einen End-to-End-Test (E2E) simuliert – inklusive menschlicher Interaktion. Dabei werden folgende Schritte durchgeführt:

- Datei herunterladen
- Datei hochladen
- Datei bearbeiten
- Datei speichern
- Datei öffnen und überprüfen
- Datei löschen
- Überprüfen, ob die Datei tatsächlich gelöscht wurde

Basierend auf diesen Eingaben erstellt der KI-Bot ein Skript, das diese Befehle automatisch ausführt und in eine Cypress-Testkonfiguration (`cypress.config`) integriert. So kannst du deine Software auf jede beliebige Weise und zu jedem gewünschten Zweck testen – ganz nach deinem individuellen Anspruch.

💡 **Hinweis:**
Die Browser-Konsole ist dein direkter Draht zur KI. Je klarer und strukturierter deine Ausgaben sind, desto besser kann die KI darauf reagieren und dir gezielt weiterhelfen.

Die AI bot wird fragen?:

Wenn du möchtest, kann ich dir auch direkt ein Beispiel für ein Cypress-Testskript generieren, das diese Schritte abbildet. Sag einfach Bescheid!

Weitere Tipps folgen – bleib dran und beobachte diese Seite regelmäßig.

Es lohnt sich, denn mit jedem neuen Hinweis wirst du effizienter, kreativer und erfolgreicher im Umgang mit KI-gestützter Programmierung.

Wie du mit den hier angebotenen ITEM's arbeiten kanst.

Step by step to your own adapted version of each item: ↴
1. Datei herunterladen
• Gehe auf die Website
• Klicke auf „Download“ bei der gewünschten Datei
• Die Datei wird als oder auf deinem Computer gespeichert

2. Cursor öffnen
• Gehe zu cursor.com
• Melde dich an oder registriere dich

3. Datei importieren
• Klicke auf „Open Folder“ oder „Import Project“
• Wähle den Ordner, in dem du die Datei gespeichert hast
• Cursor zeigt dir die Datei im Editor

4. Code verstehen und anpassen
• Öffne die HTML-Datei im Editor
• Du siehst den Quellcode (HTML, eventuell JavaScript)
• Markiere einen Abschnitt und frage die KI z. B.:
• „Was macht dieser Abschnitt?“
• „Wie kann ich hier ein neues Eingabefeld hinzufügen?“
• Cursor hilft dir beim Verstehen und Umschreiben

5. Testen
• Klicke auf „Preview“ oder öffne die Datei im Browser
• Du siehst, wie die Seite aussieht und funktioniert
• Änderungen kannst du direkt im Code machen und neu testen

You can translate this .pdf file with an AI bot