playwright automation tutorial

Author: BakkappaN

playwright.config.js

@@ -11,7 +11,7 @@ module.exports = defineConfig({
   // test timeout
   timeout: 7 * 60 * 1000,
   expect: {
-    timeout: 5 * 60 * 1000
+    timeout: 3 * 60 * 1000
   },
 
   testDir: './tests',

screenshots/element.png

@@ -1,25 +1,31 @@
 // Include playwright module
-const {test, expect} = require('@playwright/test');
+const { test, expect } = require('@playwright/test');
 
 // Write a testa
-test('Handle dropdown list in playwright', async({page}) =>{
+test('Handle dropdown list in playwright', async ({ page }) => {
     // Go to URL
     await page.goto('https://www.facebook.com/')
-
     await page.getByText('Create new account').click();
 
+    // Identify select tag
     const dropDownList = page.locator('#month');
 
-    await expect(dropDownList).toHaveValue('2');
+    // Validating default selected value
+    await expect(dropDownList).toHaveValue('8');
+
+    // Drop down list all the options
+    const dropDownListOptions = page.locator('#month > option');
+    await expect(dropDownListOptions).toHaveText(['Jan', 'Feb', 'Mar',
+        'Apr', 'May', 'Jun', 'Jul',
+        'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
+    ])
 
+    // Select by value
     dropDownList.selectOption('5');
     dropDownList.selectOption('6');
 
+    // Select by visible text
     dropDownList.selectOption('Aug');
-
     await page.waitForTimeout(5000);
-
-
 })
 
-    

screenshots/fullpage.png

@@ -1,22 +1,23 @@
 // Include playwright module
-const {test, expect} = require('@playwright/test');
+const { test, expect } = require('@playwright/test');
 
 // Write a testa
-test('Take screenshot in playwright', async({page}) =>{
-    // Go to URL
-    await page.goto('https://www.youtube.com/@testerstalk')
+test('Take screenshot in playwright', async ({ page }) => {
 
-    // element screenshot
-    await page.locator('#channel-header-container').screenshot({path:'./screenshots/element.png'})
+    await test.step('Go to URL', async () => {
+        await page.goto('https://www.youtube.com/@testerstalk')
+    });
 
-    // page screenshot
-    await page.screenshot({path:'./screenshots/page.png'});
+    await test.step('Take a element screenshot', async () => {
+        await page.locator('#page-header-banner').screenshot({ path: './screenshots/element.png' })
+    });
 
-    // full page screenshot
-    await page.screenshot({path:'./screenshots/fullpage.png',fullPage : true});
+    await test.step('Capture a page screenshot', async () => {
+        await page.screenshot({ path: './screenshots/page.png' });
+    });
 
-    await page.waitForTimeout(5000);
-
-})
-
-    
+    await test.step('Take a full page screenshot', async () => {
+        await page.screenshot({ path: './screenshots/fullpage.png', fullPage: true });
+        await page.waitForTimeout(5000);
+    });
+})