create-pw-core 0.0.5 → 1.2.0

package/dist/templates/package.json

@@ -1,12 +1,12 @@
 {
   "name": "pw-core-demo",
-  "version": "1.0.0",
+  "version": "1.2.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:headless": "playwright test",
-    "test:report": "playwright show-report"
+    "test:report": "playwright show-report",
+    "test:ui": "playwright test --ui"
   },
   "author": {
     "name": "Shanmuka Chandra Teja Anem",
@@ -17,7 +17,7 @@
     "@playwright/test": "^1.61.0",
     "@types/node": "^20.11.0",
     "dotenv": "^16.4.5",
-    "pw-core": "^0.0.5",
+    "pw-core": "^1.2.0",
     "typescript": "^6.0.3"
   }
 }

package/dist/templates/playwright.config.ts

@@ -3,7 +3,7 @@ import { env } from '@utils/env';
 
 export default defineConfig({
   testDir: './src/tests',
-  timeout: 10000,
+  timeout: 30000,
   expect: {
     timeout: 5000,
   },

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

@@ -6,7 +6,10 @@ export const registry = createPageRegistry({
     url: '/login',
     testIds: {
       defaultUserLogin: 'login-default-user',
-    },
+      email: 'email-input',
+      password: 'password-input',
+      submit: 'login-submit',
+    }
   },
   dashboardPage: {
     url: '/app',
@@ -18,20 +21,22 @@ export const registry = createPageRegistry({
     url: '/app/projects',
     testIds: {
       newProject: 'new-project-button',
-      formTitle: 'form-title',
-      formDescription: 'form-description',
-      formSave: 'form-save',
       table: 'projects-table',
-    },
+      "form{item}": {
+        item: ['title', 'description', 'save'],
+        testId: "form-item"
+      }
+    }
   },
   tasksPage: {
     url: '/app/tasks',
     testIds: {
       newTask: 'new-task-button',
-      formTitle: 'form-title',
-      formDescription: 'form-description',
-      formSave: 'form-save',
       table: 'tasks-table',
+      "form{item}": {
+        item: ['title', 'description', 'save'],
+        testId: "form-item"
+      }
     },
   },
   sidebar: {
@@ -46,4 +51,23 @@ export const registry = createPageRegistry({
       logoutBtn: 'ws-option-logout',
     },
   },
+  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"
+      }
+    },
+    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"
+      },
+    }
+  }
 });

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

@@ -12,6 +12,7 @@ scenario('End-to-End User Flow on QECore App with Page Object Flows', async ({
 }) => {
   // 1. Login (automatic page usage)
   await loginPage.goto();
+  await loginPage.waitForLoadState('networkidle');
 
   // Verify title and page element states
   await loginPage.verifyTitle(/PW-Core/);
@@ -31,8 +32,8 @@ scenario('End-to-End User Flow on QECore App with Page Object Flows', async ({
   // 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 Project');
+  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');

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

@@ -0,0 +1,17 @@
+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/playground.test.ts

@@ -0,0 +1,29 @@
+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

@@ -4,6 +4,7 @@ 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');
 

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

@@ -2,7 +2,7 @@ import dotenv from 'dotenv';
 import path from 'path';
 
 // Load env configuration
-dotenv.config({ path: path.resolve('.env') });
+dotenv.config({ path: path.resolve('.env'), quiet: true });
 
 export const ENV = {
   url: process.env.URL || 'https://qecore.github.io',

package/package.json

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