【Medio ambiente】
macos
【Herramienta】
VScode
【Pasos】
Los siguientes son los pasos para comenzar a utilizar TestCafe desde 0:
1. Instale Node.js y NPM: TestCafe está desarrollado en base a Node.js, por lo que debe instalar Node.js y NPM antes de usarlo.
(Puede ingresar en la terminal node -v
y npm -v
verificar si la instalación fue exitosa)
2. Cree un nuevo directorio de proyecto: puede usar la línea de comando o cualquier otra forma que desee para crear un nuevo directorio de proyecto.
3. Inicialice npm en el directorio del proyecto: use la línea de comando para ingresar al directorio del proyecto y luego ejecute npm init
el comando para inicializar el archivo de configuración NPM del proyecto package.json.
(Puede ingresar la información usted mismo o presionar Enter todo el tiempo)
Press ^C at any time to quit.
package name: (testcafe1)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author: XXX
license: (ISC)
About to write to /Users/xxx/Git/Testcafe1/package.json:
4. Instale TestCafe: ejecute el comando en la línea de comando npm install testcafe
para instalar TestCafe globalmente.
Tenga en cuenta que en macOS, debe agregar " sudo
" antes del comando para obtener privilegios de administrador, de la siguiente manera:sudo npm install -g testcafe
5. Escriba casos de prueba: cree una carpeta de pruebas en el directorio del proyecto y cree un archivo example.js en ella.
6. Escriba el script de prueba en el archivo example.js: por ejemplo, para escribir un caso de prueba simple, abra la página de búsqueda de Google y busque TestCafe.
import { Selector } from 'testcafe';
fixture `Example`
.page `https://www.google.com`;
test('Search TestCafe on Google', async t => {
const searchBox = Selector('[name="q"]');
await t.typeText(searchBox, 'TestCafe');
await t.pressKey('enter');
await t.expect(Selector('#search').innerText).contains('TestCafe');
});
7. Ejecute el script de prueba: utilice la línea de comando para ejecutar testcafe chrome tests/example.js
el comando para ejecutar el script de prueba.
【Otros】
Las consideraciones adicionales para usar TestCafe en macOS incluyen:
Si necesita ejecutar pruebas en Safari, primero debe habilitar la función de prueba automatizada de Safari. Los detalles se pueden encontrar en la documentación oficial de TestCafe .
Ejecute el comando en una terminal npm install testcafe-live
para instalar el complemento TestCafe Live y ver los resultados de las pruebas en vivo en su navegador.