Test Case of Add/Remove Elements

Author: ravigitgit

constants/configuration.ts

@@ -0,0 +1,7 @@
+// URL'S
+export const URLs = {
+    URL:'https://the-internet.herokuapp.com/',
+    ADD_REMOVE_ELEMENTS: '/add_remove_elements',
+    BASIC_AUTH: '/basic_auth'
+
+  };

playwright.config.ts

@@ -26,7 +26,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://localhost:3000',
+    baseURL: 'https://the-internet.herokuapp.com/',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     screenshot: 'only-on-failure',

tests/TC01.spec.ts

@@ -0,0 +1,31 @@
+import { test, expect } from '@playwright/test';
+import { URLs } from '../constants/configuration';
+
+test('has title', async ({ page }) => {
+  await page.goto('/');
+  await expect(page).toHaveTitle(/The Internet/);
+});
+
+test('Test Add/Remove Elements', async ({ page }) => {
+  await page.goto('/');
+  await page.locator("a:has-text('Add/Remove Elements')").click();
+  await expect(page).toHaveURL(URLs.ADD_REMOVE_ELEMENTS);
+
+  await expect(page.locator(".example button:has-text('Add Element')")).toBeVisible();
+  await page.locator(".example button:has-text('Add Element')").waitFor({ state: 'visible' });
+  await page.locator(".example button:has-text('Add Element')").click();
+  await page.locator("#elements button:has-text('Delete')").click();
+  await expect(await page.locator(".added-manually").count()).toBeGreaterThanOrEqual(0);
+});
+
+test('Test Basic Auth', async ({ page }) => {
+  await page.goto('/');
+  await page.locator("a:has-text('Basic Auth')").click();
+  await expect(page).toHaveURL(URLs.BASIC_AUTH);
+
+  await expect(page.locator(".example button:has-text('Add Element')")).toBeVisible();
+  await page.locator(".example button:has-text('Add Element')").waitFor({ state: 'visible' });
+  await page.locator(".example button:has-text('Add Element')").click();
+  await page.locator("#elements button:has-text('Delete')").click();
+  await expect(await page.locator(".added-manually").count()).toBeGreaterThanOrEqual(0);
+});

tests/example.spec.ts

@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+      "baseUrl": "src",
+      "paths": {
+        "constants/*": ["constants/*"]
+      }
+    }
+  }
+