testcafe studio tool automate your web testing without writing code
TestCafe Studio Web Testing Tool Tutorial zum praktischen Überprüfen:
Sind Sie frustriert über die Einschränkungen älterer Webtest-Tools?
Suchen Sie und Ihr QS-Team nach Alternativen zu Produkten wie Selen?
Benötigen Sie ein Webtest-Tool, das einfach zu bedienen, zuverlässig und frei von umständlichen Webtreibern ist?
Hier ist die Lösung für alle Ihre Fragen.
Was du lernen wirst:
Was ist Testplan beim Testen von Software?
- TestCafe Studio: Die Enterprise Web Testing Platform
- Erstellen Sie mit TestCafe Studio in 2 Minuten einen Webtest
- Fazit
TestCafe Studio: Die Enterprise Web Testing Platform
TestCafe Studio wurde erstellt, um eine Testplattform bereitzustellen, die zur Vereinfachung der Webtestprozess .
Gemäß ihrer Mission: Sie wollten ein Tool erstellen, das einfach einzurichten und frei von unnötiger Komplexität ist. ein Tool, das sowohl für Anfänger als auch für Profis wiederholbare Ergebnisse liefert; und ein Tool, das automatisch Testskripte und Wiedergabeaufzeichnungen mit höchster Zuverlässigkeit erstellen kann.
In diesem Artikel beschreiben wir das TestCafe Studio und warum es die beste Wahl für Webtests ist.
Wir werden die Funktionen von TestCafe Studio detailliert beschreiben und zeigen, wie Sie in nur 2 Minuten einen Arbeitstest für eine komplexe Webseite erstellen können.
Die Grundlagen
TestCafe Studio ist eine plattformübergreifende IDE für End-to-End-Webtests. Es wird von der angetrieben TestCafe Open Source Framework Außerdem können Sie automatisierte Tests ohne Code erstellen, ausführen und verwalten.
Sie können Tests visuell in Ihrem bevorzugten Browser aufzeichnen, Skripte in der IDE-ähnlichen Oberfläche bearbeiten und Tests für verschiedene Browser, Plattformen und Geräte ausführen.
TestCafe Studio wurde von Grund auf für das moderne Web und die Browser entwickelt und basiert nicht auf Selenium oder anderen älteren Testplattformen.
TestCafe Studio wurde für Entwickler und QS-Ingenieure entwickelt, die dies möchten Vereinfachen Sie den Testprozess .
Für Anfänger und diejenigen ohne Programmiererfahrung macht TestCafe Studio das manuelle Generieren von Testskripten überflüssig. Für erfahrene QS-Ingenieure und Softwareentwickler enthält TestCafe Studio Tools, mit denen die Produktivität gesteigert und die zum Testen komplexer Webanwendungen erforderliche Zeit verkürzt werden kann.
Hauptmerkmale von TestCafe Studio
Wie Sie wissen, umfasst der Marktplatz für Webtests mehrere Frameworks, mit denen Benutzeraktivitäten emuliert und End-to-End-Webtests automatisiert werden können. Leider erfordern die meisten dieser Tools, dass Benutzer Tonnen von Boilerplate-Code schreiben und komplexe Konfigurationen entschlüsseln.
Wenn Sie uns jedoch ähnlich sind, wissen Sie, dass Tests mit älteren Frameworks auch nach dem Schreiben des gesamten Boilerplate-Codes und dem Konfigurieren Ihres Browsers konsistent zu inkonsistenten Ergebnissen führen (und die Testausführung auf wenige Browser und eine einzige Plattform beschränkt ist).
TestCafe Studio wird mit den folgenden „Must-Have“ -Funktionen geliefert, um die inhärenten Mängel bestehender Frameworks zu beheben und weniger Zeit für das Schreiben / Verwalten von Testskripten aufzuwenden:
# 1) Voll integrierter Visual Web Test Recorder
Der Visual Test Recorder von TestCafe Studio überwacht Aktionen beim Navigieren und Klicken durch eine Webseite und generiert automatisch Testschritte. Mit diesen aufgezeichneten Schritten können Sie die Webseite ohne zusätzliche Arbeit schnell in verschiedenen Desktop-, Mobil- und Cloud-Plattform-Browsern testen.
Und im Gegensatz zu „pseudo-visuellen Testrekordern“, die ungeschickte Selektoren erzeugen, die visuell aufgezeichnete Tests nicht zuverlässig wiedergeben können, wurde der visuelle Testrekorder von TestCafe Studio so konzipiert, dass er konsistente Ergebnisse mit zuverlässiger Testwiedergabe liefert.
# 2) Automatisch generierte Elementauswahl
Das Erstellen der Seitenelement-Selektoren, die in Aktionen oder Zusicherungen verwendet werden, ist umständlich, zeitaufwändig und fehleranfällig.
Wenn Sie in der Vergangenheit Testskripte geschrieben haben, sind Sie möglicherweise mit den überwältigenden Problemen vertraut, mit denen ältere Testtools konfrontiert sind. Diese Tools ignorieren die Notwendigkeit automatisch generierter Elementselektoren.
Im Gegensatz zu den anderen Tools generiert TestCafe Studio automatisch Selektoren für jedes Seitenelement innerhalb eines bestimmten Tests. Es unterstützt alle grundlegenden HTML-Elemente und wird in einer zukünftigen Version Schatten-DOM- und HTML5-Eingaben mit nativen Popup-Editoren unterstützen.
Um möglichst breite Testszenarien abzudecken, generiert TestCafe Studio eine optimale Elementauswahl und eine Reihe von Alternativen. Wenn Sie auf eine Schaltfläche klicken müssen, können Sie sie im Test anhand ihrer Beschriftung auswählen, genau wie es ein Benutzer tun würde.
Wenn Sie jedoch überprüfen möchten, ob die richtige Beschriftung angezeigt wird, können Sie die Schaltfläche anhand der ID oder des Klassennamens identifizieren.
Darüber hinaus können Sie in einem bevorstehenden Update Element-IDs wie Attribute, Tag-Namen oder Textinhalte bewerten (TestCafe Studio generiert Selektoren basierend auf Ihren bevorzugten IDs).
Natürlich können Sie die automatisch generierten Selektoren von TestCafe nach Bedarf manuell bearbeiten. Sie können Selektoren sogar von Grund auf neu erstellen - der Selector Constructor von TestCafe Studio wurde entwickelt, um die Kontrolle in Ihre Hände zu legen.
# 3) Plattform- und browserübergreifende Tests
TestCafe Studio ist eine plattformübergreifende Anwendung, die unter MacOS, Windows und Linux funktioniert.
Testdateien / -skripte sind plattformunabhängig: Unabhängig davon, wo sie aufgezeichnet wurden, können Tests auf mehreren Betriebssystemplattformen, Geräten (Desktop / Mobile), Cloud-Testdiensten (wie BrowserStack oder SauceLabs) und kontinuierlichen Integrationssystemen (einschließlich) ausgeführt werden CircleCI , Bit Bucket , Azure, TeamCity, Jenkins, Travis, GitLab usw.).
Sie können Tests in jedem gängigen Desktop-Browser aufzeichnen, einschließlich Chrome, Firefox, Safari, Internet Explorer und Edge. Unabhängig vom Browser, der zum Aufzeichnen eines Skripts verwendet wird, werden diese Tests in allen modernen Webbrowsern ohne Probleme ausgeführt.
Der plattform- und browserunabhängige Ansatz von TestCafe Studio für Webtests ermöglicht es, plattform- und browserspezifische Fehler schnell zu erkennen und sicherzustellen, dass Ihre Web-App über alle Browser / Geräte hinweg dieselbe Benutzererfahrung bietet.
SQL Server Fragen und Antworten für erfahrene
# 4) Keine zusätzlichen zu wartenden Tools
TestCafe Studio benötigt nicht Selen / WebDriver oder Browser-Plugins oder Add-Ons von Drittanbietern. Ein unmittelbarer Vorteil dieser in sich geschlossenen Architektur ist die Effizienz.
Mit TestCafe Studio können Sie mit dem Testen beginnen, sobald das Produkt installiert ist. Es besteht keine Notwendigkeit, nach Treibern und Plugins zu suchen.
Vielleicht wichtiger ist die Systemunabhängigkeit von TestCafe. Wenn eine neue Hauptversion Ihres bevorzugten Browsers veröffentlicht wird, können Sie sicher sein, dass vorhandene Webtests nicht aufgrund fehlender Plugins oder Add-Ons fehlschlagen.
Mit TestCafe Studio müssen Sie nie darauf warten, dass Entwickler von Drittanbietern Probleme beheben, die durch den Browser oder Systemupdates verursacht werden.
TestCafe Studio und Ihr bevorzugter Webbrowser sind alles, was Sie zum Aufzeichnen und Ausführen von Webtests benötigen.
# 5) Eingebauter Wartemechanismus
Web-Software-Tests sind von Natur aus asynchron. Benutzeraktionen führen selten zu sofortigen Ergebnissen, insbesondere wenn diese Aktionen von Hin- und Rückfahrten zum Server oder von integrierten Animationseffekten begleitet werden.
Mit älteren Webtest-Tools werden QS-Ingenieure gebeten, diese asynchronen Ereignisse zu behandeln, indem sie die Test-Engine manuell anhalten, um Testfehler zu vermeiden. Es ist unnötig zu erwähnen, dass dieser Wartecode für das Boilerplate (der entwickelt wurde, um die Einschränkungen des Testwerkzeugs selbst zu überwinden) schwierig zu warten und fehleranfällig ist.
Wie Sie jedoch wissen, ist das Einfügen dieses Wartecodes die Realität für fast alle Legacy-Objekte Web-Test-Tools .
TestCafe Studio behandelt asynchrone Vorgänge unterschiedlich. Vor jeder Aktion oder Zusicherung wird automatisch darauf gewartet, dass das Zielelement verfügbar wird (geladen, sichtbar, nicht durch ein anderes Element verdeckt usw.).
Um ein Höchstmaß an Zuverlässigkeit zu gewährleisten, führt TestCafe Studio automatisch eine Zusicherung aus, wenn eine bestimmte Bedingung beim ersten Versuch nicht erfüllt wurde.
Mit TestCafe Studio können Sie sich auf Benutzeraktionen konzentrieren und müssen keinen komplizierten Code mehr schreiben, um die Mängel älterer Testplattformen zu beheben.
Erstellen Sie mit TestCafe Studio in 2 Minuten einen Webtest
In dieser 2-minütigen Demo erfahren Sie, wie Sie TestCafe Studio verwenden und eine Webseite mit integrierten Funktionen zum Hochladen von Dateien testen.
Wir werden zwei Dateien auswählen und hochladen und dann zwei Zusicherungen ausführen - eine für die korrekte Ausgabe des Dateinamens und eine für das richtige Format der Beschriftung der Dateigröße. Und ja, mit dem Visual Test Recorder von TestCafe Studio benötigen wir nur ein paar Minuten, um diesen Test zu erstellen und auszuführen.
Schritt 1)Starten Sie TestCafe Studio, geben Sie die Website-URL in den Begrüßungsbildschirm ein und klicken Sie auf 'Aufzeichnung eines Tests starten'.
Ihr Browser navigiert zur angegebenen Adresse, während der Visual Test Recorder im Hintergrund ausgeführt wird. Sie können Ihre Interaktion mit der Webseite aufzeichnen.
Verwenden Sie die Upload-Modus Dropdown-Liste, um anzugeben, dass Sie den Datei-Upload manuell starten möchten.
Aktivieren Sie das Kontrollkästchen, mit dem mehrere Dateien hochgeladen werden können.
Standard-Gateway ist nicht verfügbar
Klicken Wählen Sie Datei und machen eine Auswahl.
Klicken Hochladen.
Schritt 2)Wechseln Sie zu TestCafe Studio, um die von Ihren Aktionen generierten Befehle anzuzeigen.
Schritt 3)Die Benutzeroberfläche dieses Beispiels wird in einem IFRAME gerendert. Die erste Aktion ist also der Kontextwechsel. Klicken Sie auf und laden Sie die folgenden Schritte hoch, um Ihre Aktionen zu replizieren.
Lassen Sie uns den Test mit einigen Aussagen abschließen. Wir werden zunächst prüfen, ob die Demo-App den richtigen Dateinamen anzeigt.
Auch hier müssen Sie keine einzige Codezeile schreiben. Drücke den 
Symbol zum Hinzufügen einer Zusicherung mit der Bedingung 'gleich'.
Dann benutzen Sie die 
Schaltfläche, um das Zielelement interaktiv im Browser auszuwählen.
Dadurch wird das Browserfenster fokussiert, sodass Sie auf das gewünschte Element verweisen können.
TestCafe Studio generiert einen Selektor für dieses Element und öffnet die Liste seiner Eigenschaften. Wählen Sie die Eigenschaft aus, die Sie bestätigen möchten.
TestCafe Studio ruft den aktuellen Eigenschaftswert ab und Sie können bestätigen, dass Sie ihn zum Vergleich verwenden möchten.
Schritt 4)Ebenso können Sie den CSS-Eigenschaftswert eines Etiketts in Schriftgröße festlegen.
Schritt 5)Der Test ist jetzt fertig und Sie können die Aufnahme stoppen. Um den Test auszuführen, klicken Sie auf die Schaltfläche Ausführen und beobachten Sie, wie TestCafe Ihre Aktionen wiedergibt.
Schritt 6)Überprüfen Sie nach Abschluss des Testlaufs den Testbericht auf Ergebnisse.
Das ist es. In nur wenigen Minuten und ohne Code haben wir einen Test erstellt, der für verschiedene Browser, auf verschiedenen Plattformen, in einem CI-System, lokal oder auf BrowserStack ausgeführt werden kann.
Fazit
TestCafe Studio ist eine sehr leichte und schnelle Testautomatisierungsplattform. Zum Starten ist weder WebDriver noch ein Browser-Plugin erforderlich. Sie können es einfach installieren und mit dem visuellen Testrekorder End-to-End-Tests erstellen, ohne Testcode schreiben zu müssen.
Sie können Laden Sie hier eine 30-Tage-Testversion herunter und vergleichen Sie TestCafe Studio mit Ihrer aktuellen Webtestplattform, um den Unterschied festzustellen. Lassen Sie uns wissen, wenn Sie Fragen zur Verwendung dieses Tools haben.
Literatur-Empfehlungen
- Beste Software-Test-Tools 2021 (QA Test Automation Tools)
- Lasttests mit LoadUI - Ein kostenloses und Open Source-Lasttest-Tool
- Testen von Primer eBook Download
- Ausführen und Überprüfen Ihres Testcodes in Appium Studio für Eclipse
- API-Tests mit Katalon Studio vereinfachen
- Tutorial zum WAVE Accessibility Testing Tool
- Testen mobiler Apps mit der Cloud-basierten Gerätefarm von Katalon Studio & Kobiton
- Schlüssel zum erfolgreichen Testen von Einheiten - Wie testen Entwickler ihren eigenen Code?