Testen der Puppeteer-Automatisierung: Lernprogramm 6


Der Puppeteer ist ein auf der Node JS-Bibliothek basierendes Framework, das als Open Source verfügbar ist. Es kann für Web-Scraping-Tools verwendet werden. Es wird auch für Testautomatisierungstools verwendet. Heutzutage nimmt die Nutzung von Puppeteer im Bereich der automatisierten Softwaretests rapide zu. Zum Verständnis sind Grundkenntnisse der Befehlszeile, Javascript und der HTML-DOM-Struktur erforderlich Puppenspieler-Tutorial. Das gesamte Tutorial ist in die folgenden Artikel unterteilt. 

Puppenspieler Tutorial

Tosca Tutorial # 1: Puppenspieler Übersicht

Tosca Lernprogramm # 2: Puppenspieler-Umgebungsvariablen

Tosca Lernprogramm # 3: Übersicht über Puppenspieler-Web-Scraping und Puppenspieler-Testautomatisierung

Tosca Lernprogramm # 4: Installieren Sie Puppenspieler

Tosca Lernprogramm # 5: Beispiel eines Puppenspielerprojekts

Tosca Tutorial # 6: Puppenspieler-Automatisierungstests

In diesem Tutorial zum Testen der Puppenspielautomatisierung werden die detaillierten Schritte für die Puppenspielautomatisierung von Anfang an erläutert. Die folgenden Funktionen werden erläutert, um das Testen von Puppeteer Automation von Grund auf zu verstehen.

· Puppenspieler installieren

· Starten Sie die Webanwendung

· Identifizieren Sie Objekteigenschaften im Chrome-Browser

· Schritte zum Senden von Formularen - Geben Sie Text ein, klicken Sie auf Ereignis, Bestätigung

· Screenshot-Aufnahme

· Führen Sie Skripte für Puppeteer Automation aus

Puppenspielautomatisierung

Tests sind erforderlich, um die Qualität von Softwareprodukten sicherzustellen. In den Softwareentwicklungsprozessen sind mehrere Testebenen definiert. Das Testen der Funktionen einer Software kann manuell oder durch einen automatisierten Prozess erfolgen. Die Hauptziele des automatisierten Softwaretests sind:

  • Schneller Testausführungszyklus.
  • Vermeiden Sie die Möglichkeit menschlicher Fehler.
  • Reduzieren Sie den Testausführungszeitpunkt.
  • Reduzieren Sie die Release-Zykluszeit.
  • Bieten Sie mehr Funktionalität, ohne Kompromisse bei der Qualität einzugehen.
  • Die mehrfache Ausführung kann parallel erfolgen.

 Puppeteer ist eine auf Javascript basierende Knotenbibliothek, die eine allgemeine Anwendungsschnittstelle (API) zur Steuerung des Chrome-Webbrowsers über das Chrome DevTools-Protokoll bietet. Die meisten manuellen Vorgänge im Chrome-Browser können mit Puppeteer automatisiert werden. Daher ist der Puppenspieler eine gute Wahl für Unit-Tests in Webanwendungen auf schnelle und einfache Weise. 

Testansatz für Puppenspielautomatisierung:

Die Schritte zum Testen der Puppenspielautomatisierung werden nachfolgend erläutert. 

Schritt 1 # Funktionstestszenario identifizieren:

Wir zeigen den schrittweisen Ansatz zur Durchführung der Puppenspieler-Automatisierung für das folgende Szenario: 

· Starten Sie den Webbrowser.

· Rufen Sie die Amazon-Webanwendung auf.

  • Suchen Sie nach dem Buch „Testing Book“.
  • Fügen Sie das Buch aus dem Ergebnis in den Warenkorb.
  • Öffnen Sie den Warenkorb und prüfen Sie, ob das Buch im Warenkorb verfügbar ist.
  • Bildschirm erfassen und Browser schließen.

Schritt 2 # Puppenspieler installieren und Testfall erstellen:

Erstellen Sie eine leere Javascript-Datei als "sample_script.js" in einem bestimmten Ordner. Hier betrachten wir den Stammordner als SampleProject. Um Puppeteer zu installieren, verwenden wir den Befehl "npm install Puppeteer". Der Installationsvorgang dauert abhängig von der Netzwerkgeschwindigkeit einige Zeit. Es werden ungefähr 350 MB Daten heruntergeladen. Nach der Installation wird der Ordner node_modules, der verschiedene Puppeteer-Komponenten und die Datei package-lock.json enthält, im Stammverzeichnis des Puppeteer-Beispielprojekts erstellt.

Schritt 3 # Identifikationseigenschaften des Testobjekts erfassen:

Wir können die Identifikationseigenschaften mit dem Developers Tool des Chrome-Webbrowsers erfassen. Wenn wir die verschiedenen Eigenschaften wie ID, Name, XPath usw. analysieren, wählen wir die richtige aus, die in der Skripterstellung zum Ausführen von Vorgängen verwendet werden kann. In diesem Tutorial zum Testen der Puppenspielautomatisierung verwenden wir den XPath im Skript. Führen Sie die folgenden Schritte aus, um XPATH oder andere Eigenschaften zu erhalten:

1. Öffnen Sie die unter "Menü -> Weitere Tools" verfügbaren Entwicklertools und wechseln Sie zur Registerkarte "Elemente".

2. Markieren Sie mit dem Finder-Werkzeug (Klicken Sie auf das Pfeilsymbol in der linken oberen Ecke der Registerkarte Elemente) das Testobjekt in der Anwendung. Hier überprüfen wir das Suchfeld.

Puppenspieler-Automatisierungstests - Öffnen Sie das Chrome Developer Tool
Puppenspieler-Automatisierungstests - Öffnen Sie das Chrome Developer Tool

3. Analysieren Sie den hervorgehobenen Quellcode, um die gewünschten Eigenschaften zu identifizieren. Um die XPATH-Eigenschaft des Testobjekts abzurufen, klicken Sie mit der rechten Maustaste auf den markierten Abschnitt und klicken Sie auf "Kopieren-> Xpfad kopieren", um die XPATH-Eigenschaft in die Zwischenablage zu kopieren.

Puppenspieler-Automatisierungstests - Kopieren Sie XPath
Puppenspieler-Automatisierungstests - Kopieren Sie XPath

4. Fügen Sie nun den Xpath in das Finder-Textfeld ein und drücken Sie die Eingabetaste, um zu überprüfen, ob der Xpath das Objekt eindeutig identifiziert.

Puppenspieler-Automatisierungstests - Überprüfen Sie XPath
Puppenspieler-Automatisierungstests - Überprüfen Sie XPath

5. Ebenso müssen wir die Identifikationseigenschaften auch für ein anderes Testobjekt erfassen.

Schritt 4 # Entwicklungsschritte für die Puppenspielautomatisierung:

Um den Testfall abzuschließen, müssen wir bestimmte Vorgänge auf Webseiten ausführen. Für jede Operation stehen verschiedene Methoden zur Verfügung. Die Methoden, die in unserem Szenario für „Puppenspieler-Automatisierungstests“ verwendet werden, werden hier erläutert.

Programm starten - Nachdem wir den Puppenspieler aufgenommen haben, müssen wir den Browser mit der Puppenspieler-Startmethode starten. Eine Objektreferenz kann an diese Methode übergeben werden, um sie für einen kopflosen oder kopflosen Browser zu definieren. Dann müssen wir die Instanz des Webbrowsers erstellen, die zum Navigieren in der URL erforderlich ist. Hier wird die asynchrone Funktion verwendet, um das Schlüsselwort await für den Web-Synchronizer zu verwenden.

//Puppeteer-Paket einbinden const puppeteer = require('puppeteer'); (async () => { //Headless Browser starten const browser = await puppeteer.launch({headless: true }); //Instanz des Browsers erstellen const page = await browser.newPage(); //Navigiere zur URL erwartet page.goto('https://www.amazon.in/'); })()

Der gesamte Test wird in einem kopflosen Browser durchgeführt. Wenn wir den Headful-Browser öffnen möchten, müssen wir das Objekt an die Startmethode als übergeben "{Headless: false}".

Überprüfen Sie die Existenz - Wir müssen die Methode anwenden page.waitForXpath Dadurch wird die Existenz des Xpath überprüft und die Referenz des Testobjekts zurückgegeben. Durch Testen der Rückgabereferenz können wir dem Testfall einen Überprüfungspunkt hinzufügen.

	let searchBox = await page.waitForXPath("//*[@id='twotabsearchtextbox']",{ sichtbar: wahr }); if (searchBox === null) //Überprüfung des Testobjekts { console.log('Amazon-Bildschirm wird nicht angezeigt'); }

Daten eingeben - Verwendung der tippe Methode dieser Objektreferenz können wir den Text eingeben.

warte auf searchBox.type("Testbuch");

Klicken Sie auf Element  - Ebenso mit dem klicken Sie auf Methode jeder Objektreferenz können wir Klickoperationen durchführen.

let btnSearch = await page.waitForXPath("//*/input[@id='nav-search-submit-button']",{visible:true }); btnSearch.click();

Nachricht in der Konsole drucken  - Mit der Methode console.logkönnen wir jede Nachricht in der Konsole als Ausgabe drucken.

console.log('Konsolenverzögerung wurde generiert');

Siehe die neue Registerkarte - Mit den Methoden page.target und browser.waitforTargetkönnen wir die Referenz über die neue Registerkarte überprüfen und in einer Variablen speichern.

	const pageTarget = page.target(); const newTarget = await browser.waitForTarget(target => target.opener() === pageTarget); //Neues Seitenobjekt abrufen: const page2 = await newTarget.page();

Erfassen Screenshot - Mit der Methode Seite. Bildschirmfotowurde ein Schnappschuss der jeweiligen Seite erstellt und gemäß dem als Argument angegebenen Dateinamen gespeichert.

warte auf page.screenshot ({ path: 'screenshot1.png' });

Seite und Browser schließen - Mit der Methode schließenkönnen wir sowohl die Webseite als auch den Browser schließen.

	warte auf page.close(); warte auf browser.close();

Wartezeit - In bestimmten Fällen muss auf das Laden oder Beenden einer abhängigen Aufgabe gewartet werden. Wir müssen die Ausführung für eine vordefinierte Zeit anhalten. Um dies durchzuführen, können wir verwenden die page.waitForTimeout Methode, die die Ausführung basierend auf dem durch das Argument übergebenen Wert (in Millisekunden) anhalten kann.

warte auf page.waitForTimeout (2000);

Jetzt haben wir die grundlegenden technischen Schritte zur Automatisierung unseres Funktionsszenarios kennengelernt. Basierend auf dem Wissen können wir den folgenden Testfall von Puppeteer Automation durchgehen. Die detaillierte Übersicht der am häufigsten verwendeten Klassen und Methoden wird in den folgenden Beiträgen erläutert.

/** * @name Amazon-Suche */ const puppeteer = require('puppeteer'); const reportPath = 'C:\\LambdaGeeks\\puppteer_proj_sample\\output\\'; const screenshot = 'screen1.png'; // Wird verwendet, um die Datei in eine .docx-Datei zu exportieren try { (async () => { const browser = await puppeteer.launch({ headless: false }); const pageNew = await browser.newPage() await pageNew.setViewport( { width: 1280, height: 800 }); await pageNew.goto('https://www.amazon.in/'); //Suchkriterien eingeben let searchBox = await page.waitForXPath("//*[@id ='twotabsearchtextbox']",{ sichtbar: wahr }); if (searchBox === null) { console.log('Amazon-Bildschirm wird nicht angezeigt'); } else{ await searchBox.type("Testing Book"); console.log('Suchkriterien wurden eingegeben'); } //Auf Suchschaltfläche geklickt lassen btnSearch = await pageNew.waitForXPath("//*/input[@id='nav-search-submit-button']", { sichtbar: wahr }); if (btnSearch === null) { console.log('Suchschaltfläche wird nicht angezeigt'); } else{ await btnSearch.click(); console.log('Auf Suchschaltfläche geklickt') ; } //Klicken Sie auf ein bestimmtes Suchergebnis let myBook = await pageNew.waitForXPath("//*[contains(text(),'Selenium Testing Tools Cookbook Second Edition')]",{ sichtbar: wahr}) if (myBook === null) { console.log('Buch ist nicht verfügbar'); } Else{ warte auf myBook.click(); console.log('Klicken Sie auf ein bestimmtes Buch, um es zu bestellen'); } // Feststellen, ob der neue Tab geöffnet wurde const pageTarget = pageNew.target(); const newTarget = await browser.waitForTarget(target => target.opener() === pageTarget); //Neues Seitenobjekt abrufen: const page2 = await newTarget.pageNew(); warte auf page2.setViewport ({ Breite: 1280, Höhe: 800 }); //Zum Warenkorb hinzufügen let addToCart = await page2.waitForXPath("//*/input[@id='add-to-cart-button']",{ sichtbar: wahr }); if (addToCart === null) { console.log('Die Schaltfläche "Zum Warenkorb hinzufügen" ist nicht verfügbar'); } else{ console.log('Klicken Sie auf die Schaltfläche "In den Einkaufswagen"); warte auf addToCart.click(); } //Überprüfen Sie den Vorgang zum Hinzufügen zum Einkaufswagen let successMessage = await page2.waitForXPath("//*[contains(text(),'Added to Cart')]",{ sichtbar: wahr }); if (successMessage === null) { console.log('Artikel wurde nicht zum Einkaufswagen hinzugefügt'); } else{ console.log('Artikel wurde erfolgreich zum Einkaufswagen hinzugefügt'); } // Erfassen Sie die Nummer des Einkaufswagens, lassen Sie cartCount = await page2.waitForXPath("//*/span[@id='nav-cart-count']", {sichtbar: wahr}); let value = await page2.evaluate(el => el.textContent, cartCount) console.log('Cart count: ' + value); cartCount.focus(); warte auf Seite2.Screenshot ({ Pfad: Screenshot }); warte auf pageNew.waitForTimeout(2000); warte auf page2.close(); warte auf pageNew.close(); warte auf browser.close(); })() } catch (err) { Konsole.Fehler (err) }

Schritt 5 # Puppenspieler-Automatisierungstestausführung:

Wir können die Ausführung mit dem Befehl initiieren Knoten sample_script.js über die Eingabeaufforderung. Während der Ausführung wird der Chromium-Browser geöffnet und führt automatisch die Funktionsschritte aus und speichert den Screenshot der letzten Seite. Der Screenshot und die Konsolenausgabe sehen wie folgt aus.

Puppenspieler-Automatisierungstests - Konsolenausgabe
Puppenspieler-Automatisierungstests - Konsolenausgabe
Puppenspieler-Automatisierungstests - Erfasster Bildschirm
Puppenspieler-Automatisierungstests - Erfasster Bildschirm

Fazit:

In diesem Tutorial zum Testen der Puppenspielautomatisierung haben wir die detaillierten Schritte zum Testen der Puppenspielautomatisierung kennengelernt. Im nächsten Puppenspiel-Tutorial lernen wir die detaillierte Übersicht der am häufigsten verwendeten Puppenspieler-Klassen und -Methoden kennen. bitte klicken hier um das Referenzportal für dieses Puppenspiel-Tutorial zu besuchen. 

K. Mondal

Hallo, ich bin K. Mondal, ich bin mit einer führenden Organisation verbunden. Ich habe mehr als 12 Jahre Berufserfahrung in verschiedenen Bereichen, zB Anwendungsentwicklung, Automatisierungstests, IT-Berater. Ich interessiere mich sehr für das Erlernen verschiedener Technologien. Ich bin hier, um meinen Anspruch zu erfüllen und trage derzeit als Autor und Website-Entwickler bei LambdaGeeks bei. Verbinden Sie sich mit LinkedIn – https://www.linkedin.com/in/kumaresh-mondal/

Neueste Beiträge