added few tests

Author: abhaybharti

Notes

@@ -268,4 +268,7 @@ https://github.com/gauravkhuraana/PlaywrightTypeScriptWithAgenticAI
 https://idavidov.eu/my-first-live-session-developing-playwright-framework-for-rest-api-testin
 
 Try this prompt
-https://gauravkhurana.in/docs/AI/prompt-library/#playwright-typescript-framework-creation
+https://gauravkhurana.in/docs/AI/prompt-library/#playwright-typescript-framework-creation
+
+A must follow:
+https://github.com/seontechnologies/playwright-utils

tests/web/example/UIBasics.spec.js

@@ -0,0 +1,21 @@
+import { test } from "@playwright/test";
+
+//In general terminology, fixture are global variable which are available across your project.
+
+//What is context
+//
+test('Browser Context Playwright Test', async ({ browser, page }) => {
+    //  write test step here
+
+    //Opens a new & fresh instance of browser
+    const context = await browser.newContext()
+    const pageLocal = await context.newPage();
+    await pageLocal.goto("https://sso.teachable.com/secure/9521/identity/login/otp")
+    await pageLocal.close()
+})
+
+test('Page Playwrigth Test', async function ({ page }) {
+    //write test step here using page fixtures
+    await page.goto("https://google.co.in")
+    await page.close()
+})

tests/web/example/inputFieldOperation.ts …/web/example/inputFieldOperation.spec.tstests/web/example/inputFieldOperation.ts renamed to tests/web/example/inputFieldOperation.spec.ts tests/web/example/inputFieldOperation.ts renamed to tests/web/example/inputFieldOperation.spec.ts

@@ -1,7 +1,7 @@
 // Import all browser types from the Playwright library
 import { chromium, firefox, webkit, test } from "@playwright/test";
 
-const browserType = 'msedge'; // <-- CHANGE THIS VALUE
+let browserType = 'msedge'; // <-- CHANGE THIS VALUE
 
 test("Launch browser using config", async () => {
     let browser;
@@ -45,7 +45,7 @@ test("Launch browser using config", async () => {
     console.log(`${browserType} launched successfully and navigated to playwright.dev`);
 
     // Add a delay of 5 seconds so you can see the browser before it closes
-    await page.waitForTimeout(5000); 
+    await page.waitForTimeout(5000);
 })
 
 

tests/web/example/launchBrowserUsingConfig.spec.ts

@@ -10,4 +10,5 @@ test('Launch Chrome', async () => {
     await page.goto('https://www.google.com');
     console.log(await page.title());
     await browser.close();
-})
+})
+