@zohodesk/components 1.6.23-exp-2 → 1.6.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.6.23-exp-2",
+  "version": "1.6.24",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -19,7 +19,7 @@
   "scripts": {
     "lintAllFix": "npm run lintAll --eslint:fix=true",
     "lint": "npx eslint ./src",
-    "clean": "cdt clean build unittest coverage es lib assets && mkdir assets",
+    "clean": "cdt clean build unittest test-slices coverage es lib assets && mkdir assets",
     "dubCheck": "npx z-node-plugins dub:check node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es ../dot/src ../internal/desk-components/src",
     "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components",
     "common_package_build": "cd ../common && npm run build && cd ../components",
@@ -29,15 +29,16 @@
     "build": "npm run theme:validate && npm run build:lib && npm run build:es && npm run cssVariableConvert ",
     "build:local": "npm run build",
     "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
-    "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run css:build ",
     "prepublishOnly": "node ../prePublish.js && npm run download_only && npm run css:review && npm run review:props ",
     "postpublish": "node ../postPublish.js",
-    "report": "react-cli publish:report",
-    "test": "react-cli test",
+    "test": "ZDTestingFramework unit-test",
+    "test:changed": "ZDTestingFramework unit-test --onlyChanged",
+    "snap-update": "npm run test-clean && ZDTestingFramework unit-test -u",
+    "unit:report": "ZDTestingFramework ut-report",
+    "coverage": "ZDTestingFramework unit-test --coverage",
     "customTest": "node ./__testUtils__/runTest.js",
-    "test-clean": "cdt clean ./coverage ./unittest ./es ./lib ./package-lock.json ./result.json ",
-    "snap-update": "npm run test-clean && npm run test -- -u",
+    "test-clean": "cdt clean ./coverage ./test-slices ./unittest ./es ./lib ./package-lock.json ./result.json ",
     "sstest": "npm run init && react-cli sstest",
     "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy  && npm run externalDocHTMLChange",
     "download": "npm run download_only && cd ../ && npm run download",
@@ -92,8 +93,10 @@
     "@zohodesk/client_build_tool": "0.0.23",
     "color": "4.2.3",
     "@zohodesk/jsx_attribute_wrapper": "1.0.0",
-    "@dot-system/css-utility": "0.1.1",
-    "@zohodesk-private/client_deployment_tool": "0.0.7"
+    "@dot-system/css-utility": "0.1.2",
+    "@zohodesk-private/client_deployment_tool": "0.0.7",
+    "@babel/preset-react": "7.29.7",
+    "@zohodesk/testinglibrary": "4.1.10"
   },
   "dependencies": {
     "hoist-non-react-statics": "3.0.1",
@@ -114,6 +117,6 @@
     "@zohodesk/layout": "3.2.1",
     "@zohodesk/dotkit": "1.0.10",
     "color": "4.2.3",
-    "@dot-system/css-utility": "0.1.1"
+    "@dot-system/css-utility": "0.1.2"
   }
 }

package/ut.config.js

@@ -0,0 +1,106 @@
+const path = require('path');
+
+// Notes for future maintainers:
+// - @zohodesk/unit-testing-framework runs `JSON.stringify(config)` before
+//   handing this to Jest, so every value here must be JSON-serializable
+//   (no functions, no live RegExp objects — patterns are strings).
+// - The framework REPLACES its default config with this file when present
+//   (despite the "Merging..." log line in config-loader.js), so this file
+//   must be self-contained.
+
+// `@zohodesk/unit-testing-framework/package.json` isn't in its exports map,
+// so resolve via the main entry (points to build/index.js) and step up.
+const FRAMEWORK_BUILD = path.dirname(
+  require.resolve('@zohodesk/unit-testing-framework')
+);
+
+// Pin Jest 30's jsdom env — bare "jsdom" can resolve to Jest 26/27 copies
+// pulled in by react-cli / react-scripts, which crash under Jest 30.
+const JEST_JSDOM_ENV = require.resolve('jest-environment-jsdom', {
+  paths: [require.resolve('@zohodesk/unit-testing-framework')]
+});
+
+module.exports = {
+  rootDir: __dirname,
+  roots: ['<rootDir>/src'],
+
+  testEnvironment: JEST_JSDOM_ENV,
+
+  testMatch: [
+    '<rootDir>/src/**/__tests__/**/*.(spec|test).[jt]s?(x)',
+    '<rootDir>/src/**/?(*.)+(spec|test).[jt]s?(x)'
+  ],
+
+  testPathIgnorePatterns: [
+    '/node_modules/',
+    '/build/',
+    '/lib/',
+    '/es/',
+    '/dist/',
+    '/coverage/',
+    '/unittest/'
+  ],
+
+  moduleFileExtensions: ['js', 'jsx', 'mjs', 'cjs', 'json', 'ts', 'tsx', 'node'],
+
+  transform: {
+    // Absolute paths — the framework JSON.stringifies this config before Jest
+    // resolves transforms, so bare package names can point at a missing nested
+    // copy under unit-testing-framework/node_modules.
+    '^.+\\.[jt]sx?$': [
+      require.resolve('babel-jest'),
+      {
+        presets: [
+          [require.resolve('@babel/preset-env'), { targets: { node: 'current' } }],
+          [require.resolve('@babel/preset-react'), { runtime: 'classic' }]
+        ]
+      }
+    ],
+    '^.+\\.(svg|png|jpg|jpeg|gif|webp|woff2?|ttf|eot|otf|mp4|webm)$':
+      '<rootDir>/__testUtils__/fileTransform.js',
+    // Enumerable class-name map (not identity-obj-proxy) — mergeStyle spreads
+    // the style object, which yields {} for a non-enumerable Proxy.
+    '^.+\\.(css|less|scss|sass)$':
+      '<rootDir>/__testUtils__/cssModulesTransform.js'
+  },
+
+  // @zohodesk/* and @dot-system/* ship untranspiled ESM in some places, so
+  // let babel-jest transform them.
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@zohodesk|@zohodesk-private|@dot-system)/)'
+  ],
+
+  moduleNameMapper: {
+    // Prefer the ES build for @zohodesk libraries (mirrors react-cli's libAlias).
+    '^@zohodesk/(components|dot|icons|svg|variables|virtualizer|hooks|utils|a11y|layout|dotkit)/lib(.*)$':
+      '@zohodesk/$1/es$2'
+  },
+
+  // Injects `jest` on globalThis so tests that don't `import { jest }` from
+  // '@jest/globals' still work under the framework's runner. before run
+  setupFiles: [
+    path.join(FRAMEWORK_BUILD, 'src', 'environment', 'globals-inject.js')
+  ],
+
+  // Existing test bootstrap: @testing-library/react configure, ResizeObserver
+  // mock, requestAnimationFrame shim, className `cn` wrapper on React.createElement.
+  setupFilesAfterEnv: [
+    '<rootDir>/__testUtils__/globals.js',
+    '@testing-library/jest-dom'
+  ],
+
+  clearMocks: true,
+  passWithNoTests: true,
+  testTimeout: 20000,
+
+  // Coverage tuning (used only when `--coverage` is passed).
+  collectCoverageFrom: [
+    'src/**/*.{js,jsx,ts,tsx}',
+    '!src/**/__tests__/**',
+    '!src/**/*.spec.{js,jsx,ts,tsx}',
+    '!src/**/*.test.{js,jsx,ts,tsx}',
+    '!src/**/index.js'
+  ],
+  coverageDirectory: 'coverage',
+  coverageReporters: ['json', 'json-summary', 'text', 'html']
+};