changed directories

.gitignore

@@ -13,5 +13,5 @@ coverage
 .scannerwork
 *.env
 .DS_Store
-packages/testing-kit/test-results
-packages/testing-kit/reports
+packages/testkit/test-results
+packages/testkit/reports

package.json

@@ -12,9 +12,8 @@
   },
   "devDependencies": {
     "lerna": "^8.1.2",
-    "typescript": "^4.7.3",
-    "@playwright/test": "1.45.3"
-  },
+    "typescript": "^4.7.3"
+    },
   "workspaces": [
     "packages/*"
   ]

packages/testkit/src/__TESTS__/button.spec.js → packages/testkit/__TESTS__/button.spec.js

@@ -1,5 +1,5 @@
 import { test, expect } from '@playwright/test';
-import { Button } from '../buttons/Button';  // Assuming you have this Button class
+import { Button } from '../buttons/Button'; 
 
 test('should fire a click event and log to console', async ({ page }) => {
   // Navigate to the Storybook page with the component

packages/testkit/src/__TESTS__/buttonGroup.spec.js → packages/testkit/__TESTS__/buttonGroup.spec.js

@@ -8,7 +8,7 @@ test.describe("ButtonGroup Class with Storybook", () => {
   test.beforeEach(async ({ page }) => {
     // Navigate to the Storybook story where the ButtonGroup component is rendered
     await page.goto("/?path=/story/buttons-buttongroup--default");
-  //TODO - find a better way to wait for the storybook to load
+    //TODO - find a better way to wait for the storybook to load
     // Locate the iframe where the Storybook component is rendered
     const frame = page.frameLocator("[id='storybook-preview-iframe']");
 

packages/testkit/src/__TESTS__/dropdown.spec.js → packages/testkit/__TESTS__/dropdown.spec.js

@@ -1,20 +1,20 @@
 import { test, expect } from "@playwright/test";
-import { DropDown } from "../inputs/DropDown";
+import { Dropdown } from "../inputs/Dropdown";
 
 
 test.describe("dropdown Class with Storybook", () => {
-  let Dropdown;
+  let DropDown;
 
   test.beforeEach(async ({ page }) => {
     await page.goto("/?path=/story/inputs-dropdown--overview");
     const frame = page.frameLocator("[id='storybook-preview-iframe']");
     const DropDownLocator = frame.locator('[id="dropdown-menu-id"]');
-    Dropdown = new DropDown(page, DropDownLocator, "Test DropDown");
+    DropDown = new Dropdown(page, DropDownLocator, "Test DropDown");
   });
 
   test("set dropdown value", async ({page}) => {
-    await Dropdown.selectItem("2");
+    await DropDown.selectItem("2");
     await page.waitForTimeout(500);
-    expect(await Dropdown.getText()).toContain("Option 2");
+    expect(await DropDown.getText()).toContain("Option 2");
   });
 });

packages/testkit/src/inputs/DropDown.ts → packages/testkit/inputs/Dropdown.ts

@@ -6,7 +6,7 @@ import { BaseElement } from "../BaseElement";
  * Class representing a DropDown element.
  * Extends the BaseElement class.
  */
-export class DropDown extends BaseElement {
+export class Dropdown extends BaseElement {
   inputField: TextField;
   override page: Page;
   override locator: Locator;

packages/testkit/src/inputs/index.ts → packages/testkit/inputs/index.ts

@@ -1,5 +1,5 @@
 export { TextField } from "./TextField";
-export { DropDown } from "./DropDown";
+export { Dropdown } from "./Dropdown";
 export { Checkbox } from "./Checkbox";
 export { TextArea } from "./TextArea";
 export { Toggle } from "./Toggle";

packages/testkit/package.json

@@ -19,7 +19,7 @@
   "scripts": {
     "test:e2e": "npx playwright test",
     "build": "tsc",
-    "start-server": "cd .. && cd core && yarn storybook"
+    "start-server": "yarn lerna run storybook --scope=monday-ui-react-core"
   },
   "bugs": {
     "url": "https://github.com/mondaycom/vibe/issues"

packages/testkit/playwright.config.ts

@@ -1,24 +1,24 @@
-
-
 import { defineConfig } from '@playwright/test';
 import path from "path";
+
 /**
  * @see https://playwright.dev/docs/test-configuration
  */
-module.exports = defineConfig({
-
+export default defineConfig({
   fullyParallel: false,
   workers: 1,
-  reporter: [["html", { open: "never", outputFolder: path.join(__dirname, "/reports") }]],
-    // Run your local dev server before starting the tests
-    webServer: {
-        command: 'yarn start-server',
-        url: 'http://127.0.0.1:7008',
-        reuseExistingServer: !process.env.CI,
-        timeout: 120 * 1000,
-        stdout: 'ignore',
-        stderr: 'pipe',
-      },
+  reporter: [["html", { open: "never", outputFolder: path.join(process.cwd(), "/reports") }]],
+
+  // Run your local dev server before starting the tests
+  webServer: {
+    command: 'yarn start-server',
+    url: 'http://127.0.0.1:7008',
+    reuseExistingServer: !process.env.CI,
+    timeout: 120 * 1000,
+    stdout: 'ignore',
+    stderr: 'pipe',
+  },
+
   use: {
     headless: true,
     baseURL: "http://127.0.0.1:7008",
@@ -31,4 +31,4 @@ module.exports = defineConfig({
     }
   },
   timeout: 180 * 1000,
-});
+});

packages/testkit/tsconfig.json

@@ -17,12 +17,12 @@
       "strictBindCallApply": true,
       "strictFunctionTypes": true,
       "strictPropertyInitialization": true,
-      "rootDir": "src/",
+      "rootDir": ".",
       "declaration": false,
       "downlevelIteration": true,
       "experimentalDecorators": true,
       "noImplicitOverride": true,
       "noImplicitReturns": true,
     },
-    "include": ["src/**/*"]
+    "include": [ "buttons", "inputs", "navigation", "pickers", "popover", "text", "utils", "BaseElement.ts", "index.ts"]
   }