@zohodesk/testinglibrary 0.0.3 → 0.0.4-n20-experimental

package/package.json

@@ -1,31 +1,61 @@
 {
   "name": "@zohodesk/testinglibrary",
-  "version": "0.0.3",
+  "version": "0.0.4-n20-experimental",
   "description": "",
-  "main": "./src/index.js",
+  "main": "./build/index.js",
   "scripts": {
     "postinstall": "node bin/postinstall.js",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "jest",
+    "clean": "rm -rf build && mkdir build",
+    "build-babel": "babel -d ./build ./src --copy-files",
+    "build": "npm run clean && npm run build-babel",
+    "prepare": "npm run build",
+    "lint": "eslint src/* --fix"
+  },
+  "exports": {
+    ".": "./build/index.js",
+    "./decorators": "./build/decorators.js",
+    "./helpers": "./build/core/playwright/helpers/auth/index.js",
+    "./DataGenerator": "./build/core/dataGenerator/DataGenerator.js"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
-    "@playwright/test": "^1.37.1",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/react-hooks": "^7.0.2",
-    "babel-jest": "^29.6.2",
-    "babel-plugin-transform-dynamic-import": "^2.1.0",
-    "jest": "^29.6.2",
-    "jest-environment-jsdom": "^29.6.2",
-    "msw": "^1.2.3",
-    "react": "16.13.1",
-    "react-dom": "16.13.1"
+    "@babel/code-frame": "7.27.1",
+    "@babel/preset-react": "7.27.1",
+    "@cucumber/cucumber": "12.2.0",
+    "@playwright/test": "1.55.0",
+    "@reportportal/agent-js-playwright": "5.2.2",
+    "@testing-library/jest-dom": "6.8.0",
+    "@testing-library/react": "11.2.7",
+    "@testing-library/react-hooks": "7.0.2",
+    "babel-jest": "30.1.2",
+    "babel-plugin-transform-dynamic-import": "2.1.0",
+    "fast-glob": "3.3.3",
+    "jest": "30.1.2",
+    "jest-environment-jsdom": "30.1.2",
+    "msw": "2.11.2",
+    "playwright": "1.55.0",
+    "supports-color": "10.2.2",
+    "playwright-bdd": "8.4.1"
   },
   "bin": {
     "ZDTestingFramework": "./bin/cli.js"
+  },
+  "peerDependencies": {
+    "eslint": "*",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.28.3",
+    "@babel/core": "7.28.4",
+    "@babel/node": "7.28.0",
+    "@babel/plugin-transform-runtime": "7.28.3",
+    "@babel/preset-env": "7.28.3",
+    "@babel/runtime": "7.28.4",
+    "commander": "14.0.1",
+    "jest-html-reporter": "4.3.0"
   }
-}
+}

package/playwright.config.js

@@ -3,54 +3,30 @@ const { defineConfig, devices } = require('@playwright/test');
 const path = require('path');
 const numCPUs = require('os').cpus().length;
 
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// require('dotenv').config();
-
-/**
- * @see https://playwright.dev/docs/test-configuration
- */
-module.exports = defineConfig({
+export default defineConfig({
   testDir: path.join(path.resolve(process.cwd()), 'uat'),
-  outputDir: path.join(process.cwd(), 'test-results'),
-  /* Run tests in files in parallel */
+  outputDir: path.join(process.cwd(), 'uat', 'test-results'),
   fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : 1,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: [['html', { outputFolder: path.join(process.cwd(), 'playwright-report'), open: "always" }]],
+  reporter: [['html', { outputFolder: path.join(process.cwd(), 'uat', 'playwright-report'), open: "always" }]],
   timeout: 60 * 1000,
   expect: {
     timeout: 5 * 1000,
   },
-
-  /* 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: process.env.domain,
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on',
     video: {
       mode: 'on',
       size: { width: 640, height: 480 }
     }
   },
-
-  /* Configure projects for major browsers */
   projects: [
     { name: 'setup', testMatch: /.*\.setup\.js/ },
     {
       name: 'chromium',
       use: {
         ...devices['Desktop Chrome'],
-        storageState: path.resolve(process.cwd(), 'playwright/.auth/user.json')
+        storageState: path.resolve(process.cwd(), 'uat', 'playwright/.auth/user.json')
       },
       dependencies: ['setup'],
     },
@@ -63,7 +39,7 @@ module.exports = defineConfig({
       },
       use: {
         ...devices['Desktop Firefox'],
-        storageState: path.resolve(process.cwd(), 'playwright/.auth/user.json')
+        storageState: path.resolve(process.cwd(), 'uat', 'playwright/.auth/user.json')
       },
       dependencies: ['setup'],
     },
@@ -76,37 +52,11 @@ module.exports = defineConfig({
       },
       use: {
         ...devices['Desktop Safari'],
-        storageState: path.resolve(process.cwd(), 'playwright/.auth/user.json')
+        storageState: path.resolve(process.cwd(), 'uat', 'playwright/.auth/user.json')
       },
       dependencies: ['setup'],
     },
 
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    // },
   ],
-
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://127.0.0.1:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
 });
 

package/test-results/.last-run.json

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}

package/unit_reports/unit-report.html

@@ -0,0 +1,260 @@
+<html><head><meta charset="utf-8"/><title>Unit Report</title><style type="text/css">html,
+body {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1rem;
+  margin: 0;
+  padding: 0;
+  color: #333;
+}
+body {
+  padding: 2rem 1rem;
+  font-size: 0.85rem;
+}
+.jesthtml-content {
+  margin: 0 auto;
+  max-width: 70rem;
+}
+header {
+  display: flex;
+  align-items: center;
+}
+#title {
+  margin: 0;
+  flex-grow: 1;
+}
+#logo {
+  height: 4rem;
+}
+#timestamp {
+  color: #777;
+  margin-top: 0.5rem;
+}
+
+/** SUMMARY */
+#summary {
+  color: #333;
+  margin: 2rem 0;
+  display: flex;
+  font-family: monospace;
+  font-size: 1rem;
+}
+#summary > div {
+  margin-right: 2rem;
+  background: #eee;
+  padding: 1rem;
+  min-width: 15rem;
+}
+#summary > div:last-child {
+  margin-right: 0;
+}
+@media only screen and (max-width: 720px) {
+  #summary {
+    flex-direction: column;
+  }
+  #summary > div {
+    margin-right: 0;
+    margin-top: 2rem;
+  }
+  #summary > div:first-child {
+    margin-top: 0;
+  }
+}
+
+.summary-total {
+  font-weight: bold;
+  margin-bottom: 0.5rem;
+}
+.summary-passed {
+  color: #4f8a10;
+  border-left: 0.4rem solid #4f8a10;
+  padding-left: 0.5rem;
+}
+.summary-failed,
+.summary-obsolete-snapshots {
+  color: #d8000c;
+  border-left: 0.4rem solid #d8000c;
+  padding-left: 0.5rem;
+}
+.summary-pending {
+  color: #9f6000;
+  border-left: 0.4rem solid #9f6000;
+  padding-left: 0.5rem;
+}
+.summary-empty {
+  color: #999;
+  border-left: 0.4rem solid #999;
+}
+
+.test-result {
+  padding: 1rem;
+  margin-bottom: 0.25rem;
+}
+.test-result:last-child {
+  border: 0;
+}
+.test-result.passed {
+  background-color: #dff2bf;
+  color: #4f8a10;
+}
+.test-result.failed {
+  background-color: #ffbaba;
+  color: #d8000c;
+}
+.test-result.pending {
+  background-color: #ffdf61;
+  color: #9f6000;
+}
+
+.test-info {
+  display: flex;
+  justify-content: space-between;
+}
+.test-suitename {
+  width: 20%;
+  text-align: left;
+  font-weight: bold;
+  word-break: break-word;
+}
+.test-title {
+  width: 40%;
+  text-align: left;
+  font-style: italic;
+}
+.test-status {
+  width: 20%;
+  text-align: right;
+}
+.test-duration {
+  width: 10%;
+  text-align: right;
+  font-size: 0.75rem;
+}
+
+.failureMessages {
+  padding: 0 1rem;
+  margin-top: 1rem;
+  border-top: 1px dashed #d8000c;
+}
+.failureMessages.suiteFailure {
+  border-top: none;
+}
+.failureMsg {
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  word-wrap: break-word;
+}
+
+.suite-container {
+  margin-bottom: 2rem;
+}
+.suite-container > input[type="checkbox"] {
+  position: absolute;
+  left: -100vw;
+}
+.suite-container label {
+  display: block;
+}
+.suite-container .suite-tests {
+  overflow-y: hidden;
+  height: 0;
+}
+.suite-container > input[type="checkbox"]:checked ~ .suite-tests {
+  height: auto;
+  overflow: visible;
+}
+.suite-info {
+  padding: 1rem;
+  background-color: #eee;
+  color: #777;
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.25rem;
+}
+.suite-info:hover {
+  background-color: #ddd;
+  cursor: pointer;
+}
+.suite-info .suite-path {
+  word-break: break-all;
+  flex-grow: 1;
+  font-family: monospace;
+  font-size: 1rem;
+}
+.suite-info .suite-time {
+  margin-left: 0.5rem;
+  padding: 0.2rem 0.3rem;
+  font-size: 0.75rem;
+}
+.suite-info .suite-time.warn {
+  background-color: #d8000c;
+  color: #fff;
+}
+.suite-info:before {
+  content: "\2303";
+  display: inline-block;
+  margin-right: 0.5rem;
+  transform: rotate(0deg);
+}
+.suite-container > input[type="checkbox"]:checked ~ label .suite-info:before {
+  transform: rotate(180deg);
+}
+
+/* CONSOLE LOGS */
+.suite-consolelog {
+  margin-bottom: 0.25rem;
+  padding: 1rem;
+  background-color: #efefef;
+}
+.suite-consolelog-header {
+  font-weight: bold;
+}
+.suite-consolelog-item {
+  padding: 0.5rem;
+}
+.suite-consolelog-item pre {
+  margin: 0.5rem 0;
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  word-wrap: break-word;
+}
+.suite-consolelog-item-origin {
+  color: #777;
+  font-weight: bold;
+}
+.suite-consolelog-item-message {
+  color: #000;
+  font-size: 1rem;
+  padding: 0 0.5rem;
+}
+
+/* OBSOLETE SNAPSHOTS */
+.suite-obsolete-snapshots {
+  margin-bottom: 0.25rem;
+  padding: 1rem;
+  background-color: #ffbaba;
+  color: #d8000c;
+}
+.suite-obsolete-snapshots-header {
+  font-weight: bold;
+}
+.suite-obsolete-snapshots-item {
+  padding: 0.5rem;
+}
+.suite-obsolete-snapshots-item pre {
+  margin: 0.5rem 0;
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  word-wrap: break-word;
+}
+.suite-obsolete-snapshots-item-message {
+  color: #000;
+  font-size: 1rem;
+  padding: 0 0.5rem;
+}
+</style></head><body><div class="jesthtml-content"><header><h1 id="title">Unit Report</h1></header><div id="metadata-container"><div id="timestamp">Started: 2025-09-16 17:51:54</div><div id="summary"><div id="suite-summary"><div class="summary-total">Suites (1)</div><div class="summary-passed ">1 passed</div><div class="summary-failed  summary-empty">0 failed</div><div class="summary-pending  summary-empty">0 pending</div></div><div id="test-summary"><div class="summary-total">Tests (3)</div><div class="summary-passed ">3 passed</div><div class="summary-failed  summary-empty">0 failed</div><div class="summary-pending  summary-empty">0 pending</div></div></div></div><div id="suite-1" class="suite-container"><input id="collapsible-0" type="checkbox" class="toggle" checked="checked"/><label for="collapsible-0"><div class="suite-info"><div class="suite-path">/Users/muthu-19817/git/testing-framework/src/test/core/playwright/helpers/__tests__/additionalProfiles.test.js</div><div class="suite-time">0.63s</div></div></label><div class="suite-tests"><div class="test-result passed"><div class="test-info"><div class="test-suitename">additionalProfiles</div><div class="test-title">should return empty object when no additional profile tags are present</div><div class="test-status">passed</div><div class="test-duration">0.001s</div></div></div><div class="test-result passed"><div class="test-info"><div class="test-suitename">additionalProfiles</div><div class="test-title">should return additional profile actors when additional profile tags and editionInfo are present</div><div class="test-status">passed</div><div class="test-duration">0.001s</div></div></div><div class="test-result passed"><div class="test-info"><div class="test-suitename">additionalProfiles</div><div class="test-title">should return additional profile actors when all actor details are present</div><div class="test-status">passed</div><div class="test-duration">0.001s</div></div></div></div></div></div></body></html>

package/src/core/jest/setup/index.js

@@ -1,165 +0,0 @@
-//$Id$//
-import TestUtils from 'react-dom/test-utils';
-import { expect } from '@jest/globals'
-import React from 'react';
-import PropTypes from 'prop-types';
-import ReactDOM from 'react-dom';
-import '@testing-library/jest-dom/extend-expect';
-// let mockDomain = 'htt' + 'p://zoho.com';
-// const { document } = new JSDOM('').window;
-// global.document = document;
-// global.window = document.defaultView;
-// global.navigator = global.window.navigator;
-// global.localStorage = global.sessionStorage = {
-//   getItem(key) {
-//     return this[key];
-//   },
-//   setItem(key, value) {
-//     if (value.length > 100) {
-//       throw new Error('Data size is too exceeded');
-//     }
-//     this[key] = value;
-//   },
-//   removeItem(key) {
-//     delete this[key];
-//   },
-//   clear() {
-//     let keys = ['getItem', 'setItem', 'removeItem', 'clear'];
-//     for (let key in this) {
-//       if (keys.indexOf(key) === -1) {
-//         delete this[key];
-//       }
-//     }
-//   }
-// };
-// global.ZE_Init = {};
-// global.String.prototype.contains = function (text) {
-//   return this.indexOf(text) != -1;
-// };
-// global.TestUtils = TestUtils;
-// // let xmlReq = XMLHttpRequest;
-// // window.XMLHttpRequest = function () {
-// //   let xmlReqCopy = new xmlReq();
-// //   let originalOpen = xmlReqCopy.open;
-// //   xmlReqCopy.open = function () {
-// //     if (arguments[1].indexOf('http') != 0) {
-// //       arguments[1] = mockDomain + arguments[1];
-// //     }
-// //     return originalOpen.apply(this, arguments);
-// //   };
-// //   return xmlReqCopy;
-// // };
-
-// TestUtils.scryRenderedComponentsWithTestid = function (dom, name) {
-//   let componentList = TestUtils.findAllInRenderedTree(dom, (i, j) => {
-//     if (TestUtils.isDOMComponent(i)) {
-//       let val = i.getAttribute('data-id');
-//       if (typeof val !== 'undefined' && val == name) {
-//         return true;
-//       }
-//       return false;
-//     }
-//   });
-//   return componentList;
-// };
-
-// TestUtils.findRenderedComponentsWithTestid = function (dom, name) {
-//   let list = TestUtils.scryRenderedComponentsWithTestid(dom, name);
-//   if (list.length !== 1) {
-//     throw new Error(
-//       `Did not find exactly one match (found: ${list.length}) ` +
-//       `for data-id:${name}`
-//     );
-//   }
-//   return list[0];
-// };
-
-// global.render = function (Component, props) {
-//   const renderedDOM = TestUtils.renderIntoDocument(<Component {...props} />);
-//   return {
-//     props,
-//     renderedDOM
-//   };
-// };
-
-// global.setup = function (Component, props, state) {
-//   let router = {
-//     router: {
-//       push() { },
-//       createHref(ob) {
-//         return ob.pathname;
-//       },
-//       isActive() {
-//         return true;
-//       },
-//       replace() { },
-//       go() { },
-//       goBack() { },
-//       goForward() { },
-//       setRouteLeaveHook() { },
-//       getState() { }
-//     },
-//     store: {
-//       getState() {
-//         return state;
-//       }
-//     }
-//   };
-//   // var store = {
-//   // 	store:{
-//   // 		getState:function(){return state;}
-//   // 	}
-//   // }
-//   var Component = higherComponent(Component, router);
-//   const renderedDOM = TestUtils.renderIntoDocument(
-//     <Component {...props} />,
-//     router
-//   );
-//   return {
-//     props,
-//     renderedDOM
-//   };
-// };
-
-// function higherComponent(ActualComponent, context) {
-//   if (context) {
-//     class HigherComponent extends React.Component {
-//       constructor() {
-//         super();
-//       }
-
-//       getChildContext() {
-//         return context;
-//       }
-
-//       render() {
-//         return <ActualComponent {...this.props} />;
-//       }
-//     }
-
-//     HigherComponent.childContextTypes = {
-//       router: PropTypes.any,
-//       store: PropTypes.any
-//     };
-
-//     return HigherComponent;
-//   }
-//   return ActualComponent;
-// }
-// global.window.matchMedia =
-//   window.matchMedia ||
-//   function () {
-//     return {
-//       matches: false,
-//       addListener() { },
-//       removeListener() { }
-//     };
-//   };
-// // global.renderHTML = function(comp) {
-// //   return ReactDOM.findDOMNode(comp);
-// // };
-
-// global.TestUtils = TestUtils;
-// global.getI18NValue = function (inp) {
-//   return inp;
-// };

package/src/core/playwright/codegen.js

@@ -1,60 +0,0 @@
-const { spawn } = require('child_process')
-const path = require('path');
-const { chromium } = require('@playwright/test');
-const { Logger } = require('../../utils/logger');
-const { getExecutableBinaryPath } = require('../../utils/rootPath');
-
-const userArgs = process.argv.slice(3);
-
-const playwrightPath = path.resolve(getExecutableBinaryPath('playwright'));
-const command = playwrightPath;
-
-const args = ['codegen'].concat(userArgs);
-
-function generateCodegen() {
-  const childProcess = spawn(command, args, { stdio: 'inherit' });
-
-  childProcess.on('error', (error) => {
-    Logger.log(Logger.FAILURE_TYPE, error);
-  })
-
-  childProcess.on('exit', (code, signal) => {
-    Logger.log(Logger.FAILURE_TYPE, `Child Process Exited with Code ${code} and Signal ${signal}`);
-
-    process.exit();
-  });
-
-  process.on('exit', () => {
-    Logger.log(Logger.INFO_TYPE, 'Terminating Playwright Process...');
-    //childProcess.kill();
-    return;
-  });
-
-  process.on('SIGINT', () => {
-    Logger.log(Logger.INFO_TYPE, 'Cleaning up...');
-    //childProcess.kill();
-    process.exit();
-
-  });
-}
-
-
-// Another way to record. Below way will load the url in autheticated state if present
-// function generateCodegen() {
-//   (async () => {
-//     // Make sure to run headed.
-//     const browser = await chromium.launch({ headless: false });
-
-//     // Setup context however you like.
-//     const context = await browser.newContext({ storageState: path.resolve(process.cwd(), 'playwright/.auth/user.json') });
-//     await context.route('**/*', route => route.continue());
-
-//     // Pause the page, and start recording manually.
-//     const page = await context.newPage();
-//     console.log(userArgs.join(''));
-//     await page.goto(`https://${userArgs.join('')}`);
-//     await page.pause();
-//   })();
-// }
-
-module.exports = generateCodegen;

package/src/core/playwright/custom-commands.js

@@ -1,3 +0,0 @@
-module.exports = {
-  CUSTOM_COMMANDS: ['mode']
-}