create-pw-core 1.2.0 → 1.3.0

package/dist/index.js

@@ -48,7 +48,11 @@ const question = (query) => {
 async function runCommand(command, args, cwd) {
     return new Promise((resolve, reject) => {
         console.log(`\x1b[36mRunning: ${command} ${args.join(' ')}\x1b[0m`);
-        const child = (0, child_process_1.spawn)(command, args, { cwd, stdio: ['ignore', 'inherit', 'inherit'], shell: true });
+        const child = (0, child_process_1.spawn)(command, args, {
+            cwd,
+            stdio: ['ignore', 'inherit', 'inherit'],
+            shell: true
+        });
         child.on('close', (code) => {
             if (code === 0) {
                 resolve();
@@ -106,9 +110,7 @@ async function main() {
     console.log('\x1b[35m      Initializing pw-core Test Suite      \x1b[0m');
     console.log('\x1b[35m============================================\n\x1b[0m');
     const projectPathInput = await question('Project path (default: current directory): ');
-    const targetDir = projectPathInput.trim()
-        ? path.resolve(process.cwd(), projectPathInput.trim())
-        : process.cwd();
+    const targetDir = projectPathInput.trim() ? path.resolve(process.cwd(), projectPathInput.trim()) : process.cwd();
     if (!fs.existsSync(targetDir)) {
         fs.mkdirSync(targetDir, { recursive: true });
     }
@@ -134,7 +136,9 @@ async function main() {
             const latestVersion = (0, child_process_1.execSync)('npm view create-pw-core version', {
                 stdio: ['ignore', 'pipe', 'ignore'],
                 timeout: 3000
-            }).toString().trim();
+            })
+                .toString()
+                .trim();
             if (latestVersion && currentVersion !== latestVersion) {
                 console.log(`\n\x1b[33mNewer version of create-pw-core found (${latestVersion}). Current: ${currentVersion}\x1b[0m`);
                 console.log('\x1b[36mRunning create-pw-core@latest to ensure you have the latest features...\n\x1b[0m');
@@ -202,13 +206,13 @@ async function main() {
     const targetPkg = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
     // Merge description, author, license if target has empty or default ones
     if (!targetPkg.description || targetPkg.description === 'pw-core test suite') {
-        targetPkg.description = templatePkg.description || "pw-core test suite";
+        targetPkg.description = templatePkg.description || 'pw-core test suite';
     }
     if (!targetPkg.author && templatePkg.author) {
         targetPkg.author = templatePkg.author;
     }
     if (!targetPkg.license || targetPkg.license === 'ISC') {
-        targetPkg.license = templatePkg.license || "ISC";
+        targetPkg.license = templatePkg.license || 'ISC';
     }
     // Merge scripts from template
     targetPkg.scripts = targetPkg.scripts || {};

package/dist/templates/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false
+}

package/dist/templates/.vscode/settings.json

@@ -5,5 +5,6 @@
         "test-results": true,
         "package-lock.json": true,
         "yarn.lock": true
-    }
+    },
+    "editor.formatOnSave": true,
 }

package/dist/templates/README.md

@@ -45,3 +45,18 @@ You can review or customize these settings in:
   ```bash
   npm run test:report
   ```
+
+- **Run pw-core codegen** (Interactive page object locator recorder):
+  ```bash
+  npm run codegen
+  ```
+- **Run pw-core codegen in safe mode** (Prevent modifying existing registry configurations):
+  ```bash
+  npm run codegen:safe
+  ```
+
+> [!TIP]
+> **Windows Users**: If you get a security error saying `running scripts is disabled on this system`, run this command in your PowerShell terminal to enable it:
+> ```powershell
+> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
+> ```

package/dist/templates/eslint.config.mjs

@@ -0,0 +1,78 @@
+import js from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import stylistic from '@stylistic/eslint-plugin'
+
+export default tseslint.config(
+  // ── Ignored paths ──────────────────────────────────────────────────────────
+  {
+    ignores: ['node_modules/**', 'playwright-report/**', 'test-results/**'],
+  },
+
+  // ── Base recommended rules ─────────────────────────────────────────────────
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+
+  // ── Core rules for all TS files ────────────────────────────────────────────
+  {
+    plugins: {
+      '@stylistic': stylistic,
+    },
+
+    rules: {
+      // --- Variable declarations ---
+      'prefer-const': 'error',       // Use const when variable is never reassigned
+      'no-var': 'error',             // Disallow var; use let or const
+
+      // --- Code quality ---
+      'eqeqeq': ['error', 'always'], // Enforce === over ==
+      'no-console': 'warn',          // Warn on console.* calls
+      'no-duplicate-imports': 'error', // No multiple imports from the same module
+
+      // --- TypeScript-specific ---
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',   // Allow unused args prefixed with _
+          varsIgnorePattern: '^_',   // Allow unused vars prefixed with _
+          caughtErrorsIgnorePattern: '^_',
+        },
+      ],
+      '@typescript-eslint/no-explicit-any': 'warn',  // Discourage any type
+      '@typescript-eslint/consistent-type-imports': [ // Enforce `import type` for type-only imports
+        'error',
+        { prefer: 'type-imports', fixStyle: 'inline-type-imports' },
+      ],
+      '@typescript-eslint/no-require-imports': 'error', // Prefer ES imports over require()
+
+      // --- Blank lines & formatting ---
+      '@stylistic/no-multiple-empty-lines': [
+        'error',
+        {
+          max: 1,    // At most 1 blank line anywhere (keeps logical grouping in functions)
+          maxBOF: 0, // No blank lines at start of file
+          maxEOF: 1, // Allow 1 blank line at end of file
+        },
+      ],
+
+      // Allow blank lines before/after blocks and between import groups,
+      // but not between object properties
+      '@stylistic/padding-line-between-statements': [
+        'error',
+        { blankLine: 'always', prev: 'import', next: '*' },
+        { blankLine: 'any',    prev: 'import', next: 'import' }, // no blank between imports
+        { blankLine: 'always', prev: '*',       next: 'return' }, // blank before return
+        { blankLine: 'always', prev: ['const', 'let'], next: '*' },
+        { blankLine: 'any',    prev: ['const', 'let'], next: ['const', 'let'] }, // consecutive decls OK
+      ],
+    },
+  },
+
+  // ── Relaxed rules for test files ───────────────────────────────────────────
+  {
+    files: ['**/*.test.ts', '**/playwright.config.ts'],
+    rules: {
+      'no-console': 'off',                       // console.log is fine in tests/config
+      '@typescript-eslint/no-explicit-any': 'off', // test helpers often use any
+    },
+  }
+)

package/dist/templates/package.json

@@ -1,12 +1,16 @@
 {
   "name": "pw-core-demo",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Demo and example test suite showcasing the usage of pw-core in Playwright.",
   "scripts": {
     "test": "playwright test",
     "test:headed": "playwright test --headed",
     "test:report": "playwright show-report",
-    "test:ui": "playwright test --ui"
+    "test:ui": "playwright test --ui",
+    "codegen": "pw-core",
+    "codegen:safe": "npx pw-core codegen --safe",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
   },
   "author": {
     "name": "Shanmuka Chandra Teja Anem",
@@ -14,10 +18,14 @@
   },
   "license": "MIT",
   "devDependencies": {
+    "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.61.0",
+    "@stylistic/eslint-plugin": "^5.10.0",
     "@types/node": "^20.11.0",
     "dotenv": "^16.4.5",
-    "pw-core": "^1.2.0",
-    "typescript": "^6.0.3"
+    "eslint": "^10.6.0",
+    "pw-core": "^1.3.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.62.1"
   }
 }

package/dist/templates/playwright.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from '@playwright/test';
-import { env } from '@utils/env';
+import { env } from 'src/utils/env';
 
 export default defineConfig({
   testDir: './src/tests',

package/dist/templates/src/pages/playground.page.ts

@@ -0,0 +1,15 @@
+import { registry } from './registry';
+
+export class PlaygroundPage extends registry.pages.playground {
+
+  async fillInputForm(text: string, password: string, number: string) {
+    await this.fill('playgroundText', text);
+    await this.fill('playgroundPassword', password);
+    await this.fill('playgroundNumber', number);
+  }
+
+  async fillOtp(code: string) {
+    await this.click('playgroundOtp');
+    await this.page.keyboard.type(code);
+  }
+}

package/dist/templates/src/pages/registry.ts

@@ -1,73 +1,59 @@
 import { createPageRegistry } from 'pw-core/page';
 
-// Initialize registry (mostly automatic, defining base configs as siblings)
 export const registry = createPageRegistry({
   loginPage: {
     url: '/login',
     testIds: {
-      defaultUserLogin: 'login-default-user',
-      email: 'email-input',
-      password: 'password-input',
-      submit: 'login-submit',
+      defaultUserLogin: 'login-default-user'
     }
   },
   dashboardPage: {
     url: '/app',
     selectors: {
-      heading: 'h1:has-text("Dashboard")',
-    },
+      heading: 'h1:has-text("Dashboard")'
+    }
   },
   projectsPage: {
     url: '/app/projects',
     testIds: {
-      newProject: 'new-project-button',
-      table: 'projects-table',
-      "form{item}": {
+      'form{item}': {
         item: ['title', 'description', 'save'],
-        testId: "form-item"
-      }
+        testId: 'form-item'
+      },
+      newProject: 'new-project-button',
+      table: 'projects-table'
     }
   },
-  tasksPage: {
-    url: '/app/tasks',
-    testIds: {
-      newTask: 'new-task-button',
-      table: 'tasks-table',
-      "form{item}": {
-        item: ['title', 'description', 'save'],
-        testId: "form-item"
-      }
-    },
-  },
   sidebar: {
     testIds: {
-      itemProjects: 'sidebar-projects',
-      itemTasks: 'sidebar-tasks',
-    },
-  },
-  topNav: {
-    testIds: {
-      workspaceDropdown: 'active-workspace-btn',
-      logoutBtn: 'ws-option-logout',
-    },
+      'item{page}': {
+        page: ['projects'],
+        testId: 'sidebar-page'
+      }
+    }
   },
   playground: {
     url: '/playground',
     testIds: {
-      // Dynamic testIds: Keys converted to camelCase (e.g. activeLineChart), values kebab-cased (e.g. "active-line-chart")
-      "{status}{id}Chart": {
-        id: ['line', 'bar'],
-        status: ['active', 'inactive'],
-        testId: "status-id-chart"
+      'tabTrigger{item}': {
+        item: ['inputs', 'buttons', 'tables', 'charts', 'overlays', 'advanced'],
+        testId: 'tab-trigger-item'
       }
     },
     selectors: {
-      card: ".skeu-card",
-      // Dynamic selectors: Keys camelCased (e.g. safe, danger), values preserve original casing (e.g. "#Safe", "#Danger")
-      "{status}": {
-        status: ['Safe', 'Danger'],
-        selector: "#status"
+      'btnVariant{item}': {
+        item: ['default', 'secondary', 'outline', 'destructive'],
+        selector: '#btn-variant-{item}'
       },
-    }
+      'toggleAlign{item}': {
+        item: ['left', 'center', 'right'],
+        selector: '#toggle-align-{item}'
+      },
+      'playground{item}': {
+        item: ['text', 'password', 'number', 'switch', 'textarea', 'otp'],
+        selector: '#playground-{item}'
+      }
+    },
+    checkbox: ['Accept terms']
   }
 });

package/dist/templates/src/tests/parallel.test.ts

@@ -0,0 +1,40 @@
+import { registry as test } from '@pages/registry';
+import { scenario } from 'src/utils/fixtures';
+
+// Parallel — each test runs in its own browser instance
+test(
+  'Verify login and project creation flow on /app',
+  async ({ loginPage, dashboardPage, projectsPage, sidebar }) => {
+    await loginPage.goto();
+    await loginPage.verifyTitle('PW-Core Workspace — Build, Test & Document');
+    await loginPage.waitForLoadState('networkidle');
+
+    await loginPage.verify('defaultUserLogin').toBeEnabled();
+    await loginPage.click('defaultUserLogin');
+    await dashboardPage.verifyURL();
+    await dashboardPage.verify('heading');
+
+    await sidebar.click('itemProjects');
+    await projectsPage.verifyURL();
+
+    await projectsPage.click('newProject');
+    await projectsPage.fill('formTitle', 'Demo Project');
+    await projectsPage.fill('formDescription', 'Created via pw-core automation');
+    await projectsPage.verifyEnabled('formSave');
+    await projectsPage.click('formSave');
+
+    await projectsPage.verify('table', { hasText: 'Demo Project' });
+  }
+);
+
+// Parallel — uses overridden PlaygroundPage class with custom helpers
+scenario(
+  'Verify playground inputs using overridden page class helpers',
+  async ({ playground }) => {
+    await playground.goto();
+    await playground.click('tabTriggerInputs');
+    await playground.fillInputForm('Hello World', 'secret123', '42');
+    await playground.fill('playgroundTextarea', 'This is a test message');
+    await playground.fillOtp('654321');
+  }
+);

package/dist/templates/src/tests/serial.test.ts

@@ -0,0 +1,49 @@
+import { registry as test } from "@pages/registry";
+
+// Serial — all tests run sequentially in one browser, sharing the same worker page
+test.describe.serial('Playground Serial Suite', () => {
+  test.beforeAll(async ({ workerPlayground }) => {
+    await workerPlayground.goto();
+  })
+
+  test(
+    'Navigate to playground and interact with input elements',
+    async ({ workerPlayground }) => {
+      await workerPlayground.click('tabTriggerInputs');
+
+      await workerPlayground.fill('playgroundText', 'Serial Input');
+      await workerPlayground.fill('playgroundPassword', 'pass123');
+      await workerPlayground.fill('playgroundNumber', '99');
+      await workerPlayground.fill('playgroundTextarea', 'Worker-scoped textarea content');
+
+      await workerPlayground.click('playgroundSwitch');
+      await workerPlayground.check('Accept terms');
+    }
+  );
+
+  test(
+    'Switch to buttons tab and interact with button variants',
+    async ({ workerPlayground }) => {
+      await workerPlayground.click('tabTriggerButtons');
+
+      await workerPlayground.click('btnVariantDefault');
+      await workerPlayground.click('btnVariantSecondary');
+      await workerPlayground.click('btnVariantOutline');
+      await workerPlayground.click('btnVariantDestructive');
+
+      await workerPlayground.click('toggleAlignCenter');
+      await workerPlayground.click('toggleAlignRight');
+      await workerPlayground.click('toggleAlignLeft');
+    }
+  );
+
+  test(
+    'Browse remaining tabs on the shared worker page',
+    async ({ workerPlayground }) => {
+      await workerPlayground.click('tabTriggerTables');
+      await workerPlayground.click('tabTriggerCharts');
+      await workerPlayground.click('tabTriggerOverlays');
+      await workerPlayground.click('tabTriggerAdvanced');
+    }
+  );
+});

package/dist/templates/src/utils/env.ts

@@ -1,16 +1,14 @@
-import dotenv from 'dotenv';
-import path from 'path';
+import dotenv from 'dotenv'
+import path from 'path'
 
 // Load env configuration
-dotenv.config({ path: path.resolve('.env'), quiet: true });
+dotenv.config({ path: path.resolve('.env'), quiet: true })
 
 export const ENV = {
   url: process.env.URL || 'https://qecore.github.io',
   testUser: process.env.TEST_USER || 'default',
-  testPassword: process.env.TEST_PASSWORD || 'secret',
-} as const;
-
+  testPassword: process.env.TEST_PASSWORD || 'secret'
+} as const
 
 // It's always best to prefer typesafe variables for .env
 export const env = ENV
-

package/dist/templates/src/utils/fixtures.ts

@@ -1,7 +1,7 @@
-import { ProjectsPage } from "@pages/projects.page";
-import { registry } from "@pages/registry";
+import { registry } from '../pages/registry';
+import { PlaygroundPage } from '../pages/playground.page';
 
-// Extend registry with overridden ProjectsPage class
+// Extend base registry with overridden class
 export const scenario = registry.extend({
-  projectsPage: ProjectsPage,
+  playground: PlaygroundPage
 });

package/dist/templates/tsconfig.json

@@ -9,12 +9,18 @@
     "noEmit": true,
     "baseUrl": ".",
     "paths": {
-      "@pages/*": ["src/pages/*"],
-      "@tests/*": ["src/tests/*"],
-      "@utils/*": ["src/utils/*"]
+      "@pages/*": [
+        "src/pages/*"
+      ],
+      "@tests/*": [
+        "src/tests/*"
+      ],
+      "@utils/*": [
+        "src/utils/*"
+      ]
     }
   },
   "include": [
     "**/*.ts"
   ]
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pw-core",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Initialize a pw-core test suite in a project",
   "bin": {
     "create-pw-core": "dist/index.js"

package/dist/templates/src/pages/projects.page.ts

@@ -1,29 +0,0 @@
-import type { Page } from "@playwright/test";
-import { Table } from "pw-core/component/table";
-import { registry } from "@pages/registry";
-
-type TableType = { title: string }
-
-// To Override the page config to add custom methods for the page
-export class ProjectsPage extends registry.pages.projectsPage {
-  projectsTable = new Table<TableType>(this.table);
-
-  constructor(page: Page) {
-    super(page);
-  }
-
-  async createProject(title: string, description: string) {
-    await this.click('newProject');
-    await this.fill('formTitle', title);
-    await this.fill('formDescription', description);
-    await this.click('formSave');
-  }
-
-  async verifyProjectInTable(title: string) {
-    const rows = await this.projectsTable.get();
-    const titles = rows.getAll('title');
-    if (!titles.includes(title)) {
-      throw new Error(`Project "${title}" not found in projects table.`);
-    }
-  }
-}

package/dist/templates/src/tests/core.test.ts

@@ -1,42 +0,0 @@
-import { expect } from '@playwright/test';
-import { scenario } from '@utils/fixtures';
-
-scenario('Verify advanced locators, actions and assertions in pw-core', async ({
-  loginPage,
-  dashboardPage,
-  projectsPage,
-  sidebar
-}) => {
-  // 1. Navigation and Title Verification
-  await loginPage.goto();
-  await loginPage.verifyTitle('PW-Core Workspace — Build, Test & Document');
-  await loginPage.waitForLoadState('networkidle');
-
-  // 2. Click action using options (hasText)
-  // This resolves the locator and filters it by the provided text before clicking
-  await loginPage.click('defaultUserLogin', { hasText: /Default/ });
-  await dashboardPage.verifyURL();
-
-  // 3. All verify methods (using default visibility checks)
-  await dashboardPage.verify('heading'); // Inbuilt visibility check
-  await loginPage.verifyHidden('defaultUserLogin'); // verifyHidden asserts that the element is hidden
-
-  // Navigate to Projects Page
-  await sidebar.click('itemProjects');
-  await projectsPage.verifyURL();
-  await projectsPage.verifyEnabled('newProject'); // verifyEnabled asserts element is enabled
-
-  // 4. Action click/fill using options (nth)
-  await projectsPage.click('newProject', { nth: 0 });
-  await projectsPage.fill('formTitle', 'Form Title Nth Test', { nth: 0 });
-  await projectsPage.fill('formDescription', 'Form Description Nth Test', { nth: 0 });
-
-  // Verify disabled state using verifyEnabled
-  await projectsPage.verifyEnabled('formSave');
-  await projectsPage.click('formSave');
-
-  // 5. Locator chaining on typed Page objects
-  // Resolves the parent 'table' locator and chains standard Playwright locator methods on it
-  const projectTableRows = projectsPage.locator('table').locator('tbody tr').first();
-  await expect(projectTableRows).toBeVisible();
-});

package/dist/templates/src/tests/e2e.test.ts

@@ -1,64 +0,0 @@
-import { expect } from '@playwright/test';
-import { Table } from 'pw-core/component/table';
-import { scenario } from '@utils/fixtures';
-
-scenario('End-to-End User Flow on QECore App with Page Object Flows', async ({
-  loginPage,
-  dashboardPage,
-  projectsPage,
-  tasksPage,
-  sidebar,
-  topNav
-}) => {
-  // 1. Login (automatic page usage)
-  await loginPage.goto();
-  await loginPage.waitForLoadState('networkidle');
-
-  // Verify title and page element states
-  await loginPage.verifyTitle(/PW-Core/);
-  await loginPage.verify('defaultUserLogin').toBeEnabled();
-
-  await loginPage.click('defaultUserLogin');
-  await dashboardPage.verifyURL();
-
-  // Verify dashboard page is loaded with soft assertions (toBeVisible is default and doesn't need to be chained)
-  await dashboardPage.verify.soft('heading');
-  await dashboardPage.verify.soft('heading').toHaveText('Dashboard');
-
-  // 2. Create a Project (using custom overridden ProjectsPage flows)
-  await sidebar.click('itemProjects');
-  await projectsPage.verifyURL();
-
-  // Verify elements are not present initially using verifyHidden
-  await projectsPage.verifyHidden('formTitle');
-
-  await projectsPage.createProject('Demo Project', 'A project created via pw-core automation');
-  await projectsPage.verifyProjectInTable('Demo Projecter');
-
-  // 3. Create a Task (automatic page usage, creating Table component inline)
-  await sidebar.click('itemTasks');
-  await tasksPage.verifyURL();
-  await tasksPage.click('newTask');
-
-  // Verify element attributes using the typed expect wrapper
-  await tasksPage.expect('formTitle').toBeVisible();
-
-  await tasksPage.fill('formTitle', 'Demo Task');
-  await tasksPage.fill('formDescription', 'A task created via pw-core automation.');
-  await tasksPage.click('formSave');
-
-  // Wait for the new task to appear in the table using built-in verify
-  await tasksPage.verify('table', { hasText: 'Demo Task' });
-
-  const taskTable = new Table<{ title: string }>(tasksPage.table);
-  const taskHeaders = await taskTable.getHeaders();
-  expect(taskHeaders).toContain('title');
-  const taskRows = await taskTable.get();
-  expect(taskRows.getAll('title')).toContain('Demo Task');
-
-  // 4. Logout (automatic page usage)
-  await topNav.hover('workspaceDropdown');
-  await topNav.click('logoutBtn');
-  await loginPage.verifyURL();
-  await loginPage.verify('defaultUserLogin'); // Inbuilt visibility check
-});

package/dist/templates/src/tests/masking.test.ts

@@ -1,17 +0,0 @@
-import { scenario } from '@utils/fixtures';
-
-scenario('Verify password masking in step descriptions during login flow', async ({ loginPage, dashboardPage }) => {
-  await loginPage.page.goto("http://localhost:5173/login");
-
-  // Fill email (should not be masked in logs/reports)
-  await loginPage.fill('email', 'default@mail.com');
-
-  // Fill password (should be masked in logs/reports)
-  await loginPage.fill('password', 'default');
-
-  // Click login
-  await loginPage.click('submit');
-
-  // Verify dashboard loaded
-  await dashboardPage.verifyURL();
-});

package/dist/templates/src/tests/multiuser.test.ts

@@ -1,65 +0,0 @@
-import { scenario as baseScenario } from '@utils/fixtures';
-import { Page, Browser, BrowserContext } from '@playwright/test';
-
-type Session = {
-  context: BrowserContext;
-  page: Page;
-} & {
-  [K in keyof typeof baseScenario.pages]: InstanceType<(typeof baseScenario.pages)[K]>;
-};
-
-// Helper to create an isolated user session with all page objects instantiated
-async function createUser(browser: Browser): Promise<Session> {
-  const context = await browser.newContext();
-  const page = await context.newPage();
-
-  const pages: any = {};
-  for (const [key, PageClass] of Object.entries(baseScenario.pages)) {
-    pages[key] = new (PageClass as any)(page);
-  }
-
-  return {
-    context,
-    page,
-    ...pages
-  } as Session;
-}
-
-// Extend the imported scenario locally with custom user session fixtures
-const scenario = baseScenario.extend<{
-  user1: Session;
-  user2: Session;
-}>({
-  user1: async ({ browser }, use) => {
-    const session = await createUser(browser);
-    await use(session);
-    await session.context.close();
-  },
-  
-  user2: async ({ browser }, use) => {
-    const session = await createUser(browser);
-    await use(session);
-    await session.context.close();
-  },
-});
-
-/**
- * NOTE: This is a simulation of multiple isolated contexts/sessions in a single test,
- * not real multi-user authentication. You can follow this pattern for seamless multi-user flows.
- */
-scenario('Verify multi-user concurrent context control', async ({ user1, user2 }) => {
-  // Both navigate to login page
-  await user1.loginPage.goto();
-  await user2.loginPage.goto();
-
-  // User 1 (Admin) logs in
-  await user1.loginPage.click('defaultUserLogin');
-  await user1.dashboardPage.verifyURL();
-  await user1.dashboardPage.verify('heading').toHaveText('Dashboard');
-
-  // User 2 logs in independently
-  await user2.loginPage.click('defaultUserLogin');
-  await user2.dashboardPage.verifyURL();
-  await user2.dashboardPage.verify('heading').toHaveText('Dashboard');
-});
-

package/dist/templates/src/tests/playground.test.ts

@@ -1,29 +0,0 @@
-import { scenario } from '@utils/fixtures';
-
-scenario('Verify the playground - chart elements are visible', async ({ playground, dashboardPage }) => {
-  // Navigation and tab setup
-  // await playground.goto();
-  await playground.page.goto("http://localhost:5173/playground");
-
-  await playground.waitForLoadState('networkidle');
-
-  // Click on the "Charts" tab to bring the chart components into view
-  await playground.page.getByRole('tab', { name: 'Charts' }).click();
-  
-  // Verify dynamic selectors
-  await playground.verify('safe');
-  await playground.verify('danger');
-  
-  // Verify by dynamic testIds
-  await playground.verify('activeLineChart');
-  await playground.verify('inactiveLineChart').toBeDisabled();
-  
-  // Verify by chained locators + dynamic locator
-  await playground.verify('card.activeBarChart');
-  await playground.verifyDisabled('card.inactiveBarChart')
-  await playground.verify('card.safe');
-});
-
-
-
-

package/dist/templates/src/tests/state.test.ts

@@ -1,23 +0,0 @@
-import { scenario } from '@utils/fixtures';
-
-scenario.describe.serial('Worker Page State Reuse Suite', () => {
-  // Scenario 1: Setup state inside the workerPage
-  scenario('Test 1: Navigate and transition page state on workerPage', async ({ workerLoginPage: lp, workerDashboardPage: dp }) => {
-    await lp.goto();
-    await lp.waitForLoadState('networkidle');
-    await lp.verifyURL();
-    await lp.verify('defaultUserLogin');
-
-    // Perform action that transitions page state (Login)
-    await lp.click('defaultUserLogin');
-    await dp.verifyURL({ timeout: 2000 });
-  });
-
-  // Scenario 2: Verify same state persists in a subsequent test in the same worker,
-  // without requesting the page-scoped `page` or `loginPage` fixtures at all.
-  scenario('Test 2: Verify same page instance and state persist on workerPage', async ({ workerDashboardPage: dp }) => {
-    // Verify using workerDashboardPage fixture (which is bound to workerPage)
-    await dp.verifyURL();
-    await dp.verify('heading');
-  });
-});

package/dist/templates/src/tests/store.test.ts

@@ -1,43 +0,0 @@
-import { expect } from '@playwright/test';
-import { scenario } from '@utils/fixtures';
-import { 
-  getLocalStorage, 
-  setLocalStorage, 
-  getSessionStorage, 
-  setSessionStorage, 
-  seedSessionStorage 
-} from 'pw-core/helpers';
-
-scenario('Verify local and session storage helpers', async ({ page }) => {
-  await page.goto('/login');
-  
-  // 1. LocalStorage Helpers
-  await setLocalStorage(page, 'localKey', 'localValue');
-  const localVal = await getLocalStorage(page, 'localKey');
-  expect(localVal).toBe('localValue');
-
-  // 2. SessionStorage Helpers
-  await setSessionStorage(page, 'sessionKey', 'sessionValue');
-  const sessionVal = await getSessionStorage(page, 'sessionKey');
-  expect(sessionVal).toBe('sessionValue');
-});
-
-scenario('Verify sessionStorage seeding helper', async ({ page }) => {
-  // Add a cookie to simulate authenticated state and trigger sessionStorage seeding
-  await page.context().addCookies([{
-    name: 'auth-token',
-    value: 'dummy-token-value',
-    domain: 'qecore.github.io',
-    path: '/'
-  }]);
-
-  // Seed sessionStorage before load/navigation
-  await seedSessionStorage(page, { seededKey: 'seededValue' });
-  
-  await page.goto('/login');
-
-  const seededVal = await getSessionStorage(page, 'seededKey');
-  expect(seededVal).toBe('seededValue');
-  
-  console.log('Successfully seeded and retrieved sessionStorage value:', seededVal);
-});