Me gustaría ejecutar pruebas de navegador de extremo a extremo (e2e) para mi aplicación Angular usando Playwright . Sin embargo, a partir de noviembre de 2021, no he podido encontrar un esquema angular para Dramaturgo.
Por ejemplo, hay un esquema angular oficial para Cypress . Esto permite ejecutar pruebas de Cypress e2e usando el comando:
ng e2e¿Hay alguna manera de ejecutar pruebas Angular e2e con Playwright sin escribir un esquema angular? ¿O hay un esquema angular para dramaturgo que me perdí?
Para iniciar un servidor durante las pruebas, use la opción webServer en el archivo de configuración.
// playwright.config.ts import { PlaywrightTestConfig } from '@playwright/test'; const config: PlaywrightTestConfig = { webServer: { command: 'npx ng serve', port: 4200, timeout: 120 * 1000, }, }; export default config; Luego, el puerto se pasa a Playwright como una baseURL al crear el contexto.
// test.spec.ts import { test } from '@playwright/test'; test('test', async ({ page, baseURL }) => { // baseURL is taken directly from your web server, // eg http://localhost:4200 await page.goto(baseURL + '/bar'); // Alternatively, just use relative path, because baseURL is already // set for the default context and page. // For example, this will result in http://localhost:4200/foo await page.goto('/foo'); }); Luego simplemente ejecute las pruebas con el comando npx playwright test .