Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.
Ambdós costats versió prèvia Revisió prèvia Següent revisió | Revisió prèvia Ultima revisió Ambdós costats nova versio | ||
nodejs_selenium [2024/01/24 20:00] enric_mieza_sanchez [Test 01 : comprovem header H1] |
nodejs_selenium [2024/01/31 20:03] enric_mieza_sanchez [Arxius de posada en marxa del server] |
||
---|---|---|---|
Línia 66: | Línia 66: | ||
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 '' | 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 '' | ||
+ | |||
+ | ==== Arxius de posada en marxa del server ==== | ||
+ | |||
+ | <WRAP important> | ||
+ | '' | ||
+ | </ | ||
+ | |||
+ | |||
+ | <tabbox Versió Linux> | ||
=== run.sh per a PHP === | === run.sh per a PHP === | ||
Línia 85: | Línia 94: | ||
# entrem a la carpeta del codi font | # entrem a la carpeta del codi font | ||
cd $SCRIPT_DIR | cd $SCRIPT_DIR | ||
- | # engeguem el PHP server | + | # engeguem el cordova |
- | cordova | + | cordova serve |
</ | </ | ||
+ | |||
+ | <tabbox Versió Windows> | ||
+ | |||
+ | === run.sh per a Cordova === | ||
+ | <file bash run.bat> | ||
+ | cordova serve | ||
+ | </ | ||
+ | |||
+ | </ | ||
\\ | \\ | ||
Línia 116: | Línia 134: | ||
// run server and setup driver | // run server and setup driver | ||
- | await this.runServer( " | + | await this.runServer( " |
await this.setupDriver(); | await this.setupDriver(); | ||
// deixem temps a que el servidor es posi en marxa | // deixem temps a que el servidor es posi en marxa | ||
Línia 170: | Línia 188: | ||
// Engeguem server amb la APP | // Engeguem server amb la APP | ||
if( process.platform==" | if( process.platform==" | ||
- | this.cmd = spawn(command, | + | this.cmd = spawn(command+" |
} else { | } else { | ||
// linux, macos (darwin), or other | // linux, macos (darwin), or other | ||
- | this.cmd = spawn(command, | + | this.cmd = spawn(command+" |
} | } | ||
Línia 246: | Línia 264: | ||
==== Test 02 : formulari buit ==== | ==== Test 02 : formulari buit ==== | ||
- | Aquest exemple testeja que si deixem buit el nom, ens surt un '' | + | Aquest exemple testeja que si deixem buit el nom, ens surt un '' |
<file javascript 02-nom-buit.js> | <file javascript 02-nom-buit.js> | ||
Línia 290: | Línia 308: | ||
</ | </ | ||
+ | |||
+ | |||
+ | \\ | ||
+ | |||
+ | ==== 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 ''/ | ||
+ | |||
+ | <file javascript addtask.js> | ||
+ | // carreguem les llibreries | ||
+ | const { BaseTest } = require(" | ||
+ | const { By, until } = require(" | ||
+ | const assert = require(' | ||
+ | |||
+ | // 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(" | ||
+ | |||
+ | // cliquem botó " | ||
+ | await this.driver.findElement(By.xpath("// | ||
+ | |||
+ | // el prompt pel text de la tasca es tracta igual que un alert en Selenium | ||
+ | await this.driver.wait(until.alertIsPresent(), | ||
+ | let prompt = await this.driver.switchTo().alert(); | ||
+ | // afegim el text de la tasca i acceptem | ||
+ | var taskText = " | ||
+ | prompt.sendKeys(taskText); | ||
+ | await this.driver.sleep(1000); | ||
+ | await prompt.accept(); | ||
+ | await this.driver.sleep(1000); | ||
+ | |||
+ | // checkejem tasca | ||
+ | await this.driver.findElement(By.xpath("// | ||
+ | |||
+ | console.log(" | ||
+ | } | ||
+ | } | ||
+ | |||
+ | // executem el test | ||
+ | |||
+ | (async function test_example() { | ||
+ | const test = new AddTaskTest(); | ||
+ | await test.run(); | ||
+ | console.log(" | ||
+ | })(); | ||
+ | </ | ||
+ | |||
+ | <WRAP todo> | ||
+ | Crea un test '' | ||
+ | * Crei 3 tasques amb noms aleatoris. | ||
+ | * Esborri una d' | ||
+ | * Comprovi que no existeix la tasca esborrada i sí que romanen les altres dues. | ||
+ | </ | ||