Playwright Test can now test your React, Vue.js or Svelte components. You can use all the features of Playwright Test (such as parallelization, emulation & debugging) while running components in real browsers.
Here is what a typical component test looks like:
// App.spec.tsximport{test,expect}from'@​playwright/experimental-ct-react';importAppfrom'./App';// Let's test component in a dark scheme!test.use({colorScheme:'dark'});test('should render',async ({mount})=>{constcomponent=awaitmount(<App></App>);// As with any Playwright test, assert locator text.awaitexpect(component).toContainText('React');// Or do a screenshot 🚀awaitexpect(component).toHaveScreenshot();// Or use any Playwright methodawaitcomponent.click();});
