From 831b9e1d6dfbf009a61026d79f03d72c7c049d27 Mon Sep 17 00:00:00 2001
From: Nav-2d <navdeep.singh2088@gmail.com>
Date: Thu, 5 May 2022 07:35:01 -0700
Subject: [PATCH] docs(components): update docs (#13953)

---
 docs/src/test-components-js.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/src/test-components-js.md b/docs/src/test-components-js.md
index 2b3b20208b..dabaffd0f9 100644
--- a/docs/src/test-components-js.md
+++ b/docs/src/test-components-js.md
@@ -16,7 +16,7 @@ test('event should work', async ({ mount }) => {
   let clicked = false;
 
   // 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}>
   </Button>);
 
@@ -33,7 +33,7 @@ test('event should work', async ({ mount }) => {
 
 ## 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
 
@@ -54,7 +54,7 @@ npm i @playwright/experimental-ct-react
 </html>
 ```
 
-### Step 3: create `playwright/index.js`
+### Step 3: create `playwright/index.ts`
 ```js
 // Apply theme here, add anything your component needs at runtime here.
 ```