Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

docs(components): update docs (#13953)

Browse source
This commit is contained in:
Nav-2d 2022-05-05 07:35:01 -07:00 committed by GitHub
parent bfafb2680d
commit 831b9e1d6d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docs/src/test-components-js.md
View file

@ -16,7 +16,7 @@ test('event should work', async ({ mount }) => {
let clicked = false; let clicked = false;
// Mount a component. Returns locator pointing to the component. // Mount a component. Returns locator pointing to the component.
const c = await mount(<Button title='Submit' const component = await mount(<Button title='Submit'
onClick={() => clicked = true}> onClick={() => clicked = true}>
</Button>); </Button>);
@ -33,7 +33,7 @@ test('event should work', async ({ mount }) => {
## How to get started ## How to get started
Adding Playwright Test to an existing React, Vue or Svelte project is easy. Below at the steps to enable Playwright Test for a sample create-react-app with TypeScript template. Adding Playwright Test to an existing React, Vue or Svelte project is easy. Below are the steps to enable Playwright Test for a sample create-react-app with TypeScript template.
### Step 1: Install Playwright Test for components for your respective framework ### Step 1: Install Playwright Test for components for your respective framework
@ -54,7 +54,7 @@ npm i @playwright/experimental-ct-react
</html> </html>
``` ```
### Step 3: create `playwright/index.js` ### Step 3: create `playwright/index.ts`
```js ```js
// Apply theme here, add anything your component needs at runtime here. // Apply theme here, add anything your component needs at runtime here.
``` ```