Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

--- nodejs_selenium [2024/01/24 20:00]
enric_mieza_sanchez [Test 01 : comprovem header H1]
+++ nodejs_selenium [2024/01/31 20:23]
enric_mieza_sanchez [Testing amb Selenium en Node.js]
@@ Línia 4: / Línia 4: @@
 Ens pot ser molt pràctic per a realitzar tests per a [[Cordova]] o el propi [[NodeJS]].
+{{ selenium-diag.png }}
 Referències:
@@ Línia 66: / Línia 68: @@
 En aquests tests funcionals, els tests estan aïllats del desenvolupament i del llenguatge emprat, pel què podem fer un objecte per testejar qualsevol altre projecte. Només el fitxer ''run.sh'' contindrà les i instruccions adients per engegar un o altre projecte.
+==== Arxius de posada en marxa del server ====
+<WRAP important>
+''run.sh'' (o ''run.bat'' en Windows) està a l'arrel del projecte, és a dir, al mateix nivell que la carpeta ''.test''
+</WRAP>
+<tabbox Versió Linux>
 === run.sh per a PHP ===
@@ Línia 85: / Línia 96: @@
 # entrem a la carpeta del codi font
 cd $SCRIPT_DIR
-# engeguem el PHP server
+# engeguem el cordova sense browser
-cordova run browser
+cordova serve
 </file>
+<tabbox Versió Windows>
+=== run.sh per a Cordova ===
+<file bash run.bat>
+cordova serve
+</file>
+</tabbox>
 \\
@@ Línia 116: / Línia 136: @@
         // run server and setup driver
-        await this.runServer( "../run.sh", [] );
+        await this.runServer( "../run", [] );
         await this.setupDriver();
         // deixem temps a que el servidor es posi en marxa
@@ Línia 170: / Línia 190: @@
         // Engeguem server amb la APP
         if( process.platform=="win32" ) {
-            this.cmd = spawn(command,options,{shell:true});
+            this.cmd = spawn(command+".bat",options,{shell:true});
         } else {
             // linux, macos (darwin), or other
-            this.cmd = spawn(command,options);
+            this.cmd = spawn(command+".sh",options);
         }
@@ Línia 246: / Línia 266: @@
 ==== Test 02 : formulari buit ====
-Aquest exemple testeja que si deixem buit el nom, ens surt un ''alert'' que ens avisa:
+Aquest exemple testeja que si deixem buit el nom, ens surt un ''alert'' que ens avisa.
 <file javascript 02-nom-buit.js>
@@ Línia 290: / Línia 310: @@
 </file>
+\\
+==== Test Cordova : afegir tasca ====
+Aquest exemple inclou l'ús de prompts, que es fa com si fos un alert.
+Fixeu-vos que Cordova necessita anar a la web ''/browser/www''.
+<file javascript addtask.js>
+// carreguem les llibreries
+const { BaseTest } = require("./BaseTest.js")
+const { By, until } = require("selenium-webdriver");
+const assert = require('assert');
+// heredem una classe amb un sol mètode test()
+// emprem this.driver per utilitzar Selenium
+class AddTaskTest extends BaseTest
+{
+	async test() {
+        // testejem afegir tasca en tasklist de Cordova
+        //////////////////////////////////////////////////////
+        await this.driver.get("http://localhost:8000/browser/www/");
+        // cliquem botó "+"
+        await this.driver.findElement(By.xpath("//button[text()='+']")).click();
+        // el prompt pel text de la tasca es tracta igual que un alert en Selenium
+        await this.driver.wait(until.alertIsPresent(),2000,"ERROR TEST: el botó '+' d'afegir tasca ha d'obrir un prompt.");
+        let prompt = await this.driver.switchTo().alert();
+        // afegim el text de la tasca i acceptem
+        var taskText = "lalala";
+        prompt.sendKeys(taskText);
+        await this.driver.sleep(1000);
+        await prompt.accept();
+        await this.driver.sleep(1000);
+        // checkejem tasca
+        await this.driver.findElement(By.xpath("//li[text()='"+taskText+"']")).click();
+        console.log("TEST OK");
+	}
+}
+// executem el test
+(async function test_example() {
+	const test = new AddTaskTest();
+	await test.run();
+	console.log("END")
+})();
+</file>
+<WRAP todo>
+Crea un test ''DelTaskTest'' similar a l'anterior que:
+  * Crei 3 tasques amb noms aleatoris.
+  * Esborri una d'elles.
+  * Comprovi que no existeix la tasca esborrada i sí que romanen les altres dues.
+</WRAP>

bytes.cat

Eines de l'usuari

Eines del lloc

Diferències

Eines de la pàgina