vitesse VS Playwright

The docs help but also look at vitesse template - that helped me a lot to figure out usage and the author of the template is one of the contributors of unplugin.

I highly recommend to try Vitesse at least just to see state-of-the-art Vue/Vite features available out there

Although, I think admin templates are overrated, a setup template is a lot more useful, check out: https://github.com/antfu/vitesse

Nice template bringing it all together: https://github.com/antfu/vitesse

Vitesse

Im using vitesse boilerplate (https://github.com/antfu/vitesse) which has in my opinion standard project structure:

antfu/vitesse is a great starter for vue similar to nuxt 3 (spa mode). It does auto import, file based routing, etc.. demo here

import { test } from '@playwright/test'; test.describe('Annotated tests group', { annotations: [{ type: 'category', description: 'report' }], }, () => { test('test report header', async ({ page }) => { // Test implementation }); test('test full report', { annotations: [ { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/23180' }, { type: 'performance', description: 'very slow test!' }, ], }, async ({ page }) => { // Test implementation }); });

Playwright - functional tests

Both testing frameworks support TypeScript. Cypress handles asynchronous events with a wrapper that looks similar to Promises, while Playwright uses native Promises and supports async/await syntax. It's important to note that Cypress code is executed in the browser, whereas Playwright runs in a 'Node' environment and communicates with the browser through the DevTools protocol. As a result, environment variables can be accessed directly at runtime, which might be useful for passing test-user credentials or other test-related data.

Link

Microsoft recently announced (July 2024) support for certificate-based authentication (CBA) for Microsoft Entra. CBA is a phishing-resistant, passwordless, and convenient way to authenticate users with X.509 certificates without relying on passwords. With the recent v1.46 release of Playwright, you can now use this method to authenticate with Entra.

Link to Playwright repository - https://github.com/microsoft/playwright

Playwright v1.46 ships with a nifty new feature for local development. By specifying the --only-changed option, Playwright looks at uncommited changes and runs all affected test files.

Playwright

The above Python script selects a device profile to automatically define its settings, including UserAgent, screen viewport, scale factor, and browser type. For the full list of available device profiles, refer to the official device registry.