@sridharkikkeri/playwright-common 1.0.12 → 1.0.14

package/create-healthedge-tests.js

@@ -55,7 +55,7 @@ const packageJson = {
     'lint:fix': 'eslint . --fix'
   },
   dependencies: {
-    '@sridharkikkeri/playwright-common': '^1.0.12',
+    '@sridharkikkeri/playwright-common': '^1.0.14',
     '@playwright/test': '^1.42.0',
     'allure-playwright': '^3.4.5'
   },
@@ -71,12 +71,10 @@ fs.writeFileSync(path.join(projectPath, 'package.json'), JSON.stringify(packageJ
 
 // --- CORE BOILERPLATE FILES ---
 
-// src/core/api/BaseApiClient.ts
 const baseApiClientTs = `import { ApiClient } from '@sridharkikkeri/playwright-common';
 
 /**
  * Project-specific Base API Client.
- * Extend this to add custom headers or shared error handling for your app.
  */
 export class BaseApiClient extends ApiClient {
     constructor(baseUrl: string) {
@@ -86,12 +84,11 @@ export class BaseApiClient extends ApiClient {
 `;
 fs.writeFileSync(path.join(projectPath, 'src/core/api/BaseApiClient.ts'), baseApiClientTs);
 
-// src/core/pages/BaseComponent.ts
 const baseComponentTs = `import { Page } from '@playwright/test';
 import { BasePage, ActionOrchestrator } from '@sridharkikkeri/playwright-common';
 
 /**
- * Base Component for project-specific reusable UI elements (e.g., Modals, Navbars).
+ * Base Component for project-specific reusable UI elements.
  */
 export abstract class BaseComponent extends BasePage {
     constructor(page: Page, orchestrator?: ActionOrchestrator) {
@@ -101,7 +98,6 @@ export abstract class BaseComponent extends BasePage {
 `;
 fs.writeFileSync(path.join(projectPath, 'src/core/pages/BaseComponent.ts'), baseComponentTs);
 
-// src/core/utils/ProjectUtils.ts
 const projectUtilsTs = `/**
  * Shared utility functions for this specific test project.
  */
@@ -116,69 +112,108 @@ fs.writeFileSync(path.join(projectPath, 'src/core/utils/ProjectUtils.ts'), proje
 // --- CONFIGURATION ---
 const baseConfig = { healingEnabled: true, environment: 'dev', baseUrl: 'https://example.com', apiUrl: 'https://api.example.com', timeout: 30000, retries: 2 };
 const environments = ['dev', 'qa', 'auto', 'staging', 'prod'];
+
 environments.forEach(env => {
-  const config = { ...baseConfig, environment: env, baseUrl: \`https://\${env}.example.com\`, apiUrl: \`https://api-\${env}.example.com\` };
-  fs.writeFileSync(path.join(projectPath, \`framework.config.\${env}.json\`), JSON.stringify(config, null, 2));
+  const config = {
+    ...baseConfig,
+    environment: env,
+    baseUrl: `https://${env}.example.com`,
+    apiUrl: `https://api-${env}.example.com`
+  };
+  fs.writeFileSync(path.join(projectPath, `framework.config.${env}.json`), JSON.stringify(config, null, 2));
 });
 fs.writeFileSync(path.join(projectPath, 'framework.config.json'), JSON.stringify(baseConfig, null, 2));
 
 // playwright.config.ts
 const playwrightConfig = `import { defineConfig } from '@playwright/test';
-  export default defineConfig({
-    testDir: './src/tests',
-    timeout: 30000,
-    retries: process.env.CI ? 2 : 0,
-    workers: process.env.CI ? 1 : undefined,
-    reporter: [['html'], ['allure-playwright', { outputFolder: 'allure-results' }]],
-    use: { trace: 'on-first-retry', screenshot: 'only-on-failure' }
-  }); `;
+
+export default defineConfig({
+  testDir: './src/tests',
+  timeout: 30000,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: [
+    ['html'], 
+    ['allure-playwright', { outputFolder: 'allure-results' }]
+  ],
+  use: { 
+    trace: 'on-first-retry', 
+    screenshot: 'only-on-failure' 
+  }
+});`;
 fs.writeFileSync(path.join(projectPath, 'playwright.config.ts'), playwrightConfig);
 
 // src/fixtures/fixtures.ts
 const fixturesTs = `import { test as base } from '@sridharkikkeri/playwright-common';
-  import { HomePage } from '../pages/HomePage';
-  export const test = base.extend < { homePage: HomePage } > ({
-    homePage: async ({ page, orchestrator }, use) => { await use(new HomePage(page, orchestrator)); },
-  });
-  export { expect } from '@playwright/test'; `;
+import { HomePage } from '../pages/HomePage';
+
+export const test = base.extend<{ homePage: HomePage }>({
+  homePage: async ({ page, orchestrator }, use) => { 
+    await use(new HomePage(page, orchestrator)); 
+  },
+});
+
+export { expect } from '@playwright/test';`;
 fs.writeFileSync(path.join(projectPath, 'src/fixtures/fixtures.ts'), fixturesTs);
 
 // Sample Page Object
 const samplePage = `import { Page } from '@playwright/test';
-  import { BasePage, ActionOrchestrator } from '@sridharkikkeri/playwright-common';
-  export class HomePage extends BasePage {
-    constructor(page: Page, orchestrator?: ActionOrchestrator) { super(page, { pageName: 'HomePage', orchestrator }); }
-    private readonly searchInput = this.element('[data-testid="search"]');
-    private readonly searchBtn = this.element('button[type="submit"]');
-    async search(query: string) {
-      await this.searchInput.fill(query, 'Enter search query');
-      await this.searchBtn.click('Click search button');
-    }
+import { BasePage, ActionOrchestrator } from '@sridharkikkeri/playwright-common';
+
+export class HomePage extends BasePage {
+  constructor(page: Page, orchestrator?: ActionOrchestrator) { 
+    super(page, { pageName: 'HomePage', orchestrator }); 
   }
-  `;
+
+  private readonly searchInput = this.element('[data-testid="search"]');
+  private readonly searchBtn = this.element('button[type="submit"]');
+
+  async search(query: string) {
+    await this.searchInput.fill(query, 'Enter search query');
+    await this.searchBtn.click('Click search button');
+  }
+}
+`;
 fs.writeFileSync(path.join(projectPath, 'src/pages/HomePage.ts'), samplePage);
 
 // Sample Test
 const sampleTest = `import { test, expect } from '../fixtures/fixtures';
-  test.describe('HealthEdge Framework Demo', () => {
-    test('Search functionality with Fixtures', async ({ page, homePage }) => {
-      await page.goto('https://playwright.dev');
-      await homePage.search('playwright');
-      await expect(page).toHaveTitle(/Playwright/);
-    });
-  }); `;
+
+test.describe('HealthEdge Framework Demo', () => {
+  test('Search functionality with Fixtures', async ({ page, homePage }) => {
+    await page.goto('https://playwright.dev');
+    await homePage.search('playwright');
+    await expect(page).toHaveTitle(/Playwright/);
+  });
+});`;
 fs.writeFileSync(path.join(projectPath, 'src/tests/sample.spec.ts'), sampleTest);
 
 const sampleI18n = { "login_welcome": "Welcome to HealthEdge" };
 fs.writeFileSync(path.join(projectPath, 'src/i18n/en.json'), JSON.stringify(sampleI18n, null, 2));
 
 const tsConfig = {
-  compilerOptions: { target: 'ES2020', module: 'commonjs', lib: ['ES2020'], strict: true, esModuleInterop: true, skipLibCheck: true, forceConsistentCasingInFileNames: true, resolveJsonModule: true },
+  compilerOptions: {
+    target: 'ES2020',
+    module: 'commonjs',
+    lib: ['ES2020'],
+    strict: true,
+    esModuleInterop: true,
+    skipLibCheck: true,
+    forceConsistentCasingInFileNames: true,
+    resolveJsonModule: true
+  },
   include: ['src/**/*']
 };
 fs.writeFileSync(path.join(projectPath, 'tsconfig.json'), JSON.stringify(tsConfig, null, 2));
 
-const gitignore = `node_modules /\nallure - results /\nallure - report /\ntest - results /\nplaywright - report /\n.env\n *.log\n`;
+const gitignore = `node_modules/
+allure-results/
+allure-report/
+test-results/
+playwright-report/
+.env
+*.log
+`;
 fs.writeFileSync(path.join(projectPath, '.gitignore'), gitignore);
 
 console.log('✅ Project structure created');
@@ -191,6 +226,6 @@ try {
   console.log('\n⚠️  Run "npm install" manually in the project directory');
 }
 
-console.log(`\n🎉 Project ready! Next steps: \n`);
-console.log(`   cd \${ projectName } `);
-console.log(`   npm run test: dev\n`);
+console.log(`\n🎉 Project ready! Next steps:\n`);
+console.log(`   cd ${projectName}`);
+console.log(`   npm run test:dev\n`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sridharkikkeri/playwright-common",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Production-grade Playwright framework with AI-powered self-healing, visual regression, and enterprise features",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",