update config files

Author: ersu-amine

cucumber.js

@@ -1,8 +1,32 @@
 module.exports = {
+
     default: {
-        requireModule: ["ts-node/register"],
-        paths: ["tests/features/*.feature"],
-        require: ["tests/steps/*.ts", "tests/hooks/*.ts"],
-        format: ["progress-bar", "html:cucumber-report.html"],
-    },
+
+        require: [
+            'tests/steps/**/*.ts',
+            'tests/support/**/*.ts',
+            'tests/hooks/**/*.ts'
+        ],
+
+        requireModule: ['ts-node/register'],
+
+        paths: ['tests/features/**/*.feature'],
+
+        publishQuiet: true,
+
+        format: ['progress', 'html:cucumber-report.html']
+
+    }
+
 };
+
+//module.exports = {
+//     default: [
+//         '--require-module', 'ts-node/register',
+//         '--require', 'tests/support/world.ts',
+//         '--require', 'tests/hooks/hooks.ts',
+//         '--require', 'tests/steps/**/*.ts',
+//         '--format', 'progress',
+//         'tests/features/**/*.feature'
+//     ]
+// };

package-lock.json

@@ -2,15 +2,25 @@
   "name": "playwright-typescript-practice",
   "version": "1.0.0",
   "main": "index.js",
-  "scripts": {},
+  "scripts": {
+    "cucumber": "npx cucumber-js",
+    "tests": "npx playwright test",
+    "test-file": "npx playwright test --grep file-name.spec.ts",
+    "test-tag": "npx playwright test --grep @tagName",
+    "test-smoke": "npx playwright test --grep @smoke",
+    "report": "npx playwright show-report"
+},
   "keywords": [],
-  "author": "",
+  "author": "Amine",
   "license": "ISC",
   "description": "",
   "devDependencies": {
     "@cucumber/cucumber": "^12.2.0",
     "@playwright/test": "^1.56.0",
-    "@types/node": "^24.7.0",
-    "ts-node": "^10.9.2"
+    "@types/cucumber": "^6.0.1",
+    "@types/node": "^24.7.2",
+    "dotenv": "^16.0.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3"
   }
 }

package.json

@@ -1,4 +1,4 @@
-import { defineConfig, devices } from '@playwright/test';
+import { defineConfig, devices } from "@playwright/test";
 
 /**
  * Read environment variables from file.
@@ -12,7 +12,7 @@ import { defineConfig, devices } from '@playwright/test';
  * See https://playwright.dev/docs/test-configuration.
  */
 export default defineConfig({
-  testDir: './tests',
+  testDir: "./tests",
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
@@ -22,31 +22,33 @@ export default defineConfig({
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
+  reporter: "html",
   /* 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',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry',
+    trace: "on-first-retry",
+    headless: false,
+    screenshot: 'only-on-failure'
   },
 
   /* Configure projects for major browsers */
   projects: [
     {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
     },
 
     {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
+      name: "firefox",
+      use: { ...devices["Desktop Firefox"] },
     },
 
     {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
+      name: "webkit",
+      use: { ...devices["Desktop Safari"] },
     },
 
     /* Test against mobile viewports. */

playwright.config.ts

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "commonjs",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "types": ["@types/node", "@cucumber/cucumber"]
+  },
+  "include": ["tests/**/*.ts"]
+}
+
+