@zohodesk/icons 1.3.10 → 1.3.12

package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`SvgIcon -  rendering the "default" props 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -20,7 +20,7 @@ exports[`SvgIcon -  rendering with "ariaHidden" false 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="false"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -36,7 +36,7 @@ exports[`SvgIcon -  rendering with "iconClass" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  myIconClass"
+    class="svgIcon myIconClass"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -52,7 +52,7 @@ exports[`SvgIcon -  rendering with "name" and "svgPrefix" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -68,7 +68,7 @@ exports[`SvgIcon -  rendering with "size" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -85,7 +85,7 @@ exports[`SvgIcon -  rendering with "tagAttributes" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-custom-attr="true"
     data-id="fontIcon"
     data-selector-id="fontIcon"
@@ -102,7 +102,7 @@ exports[`SvgIcon -  rendering with "title" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -119,7 +119,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - bottom 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -136,7 +136,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - left 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -153,7 +153,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - right 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -170,7 +170,7 @@ exports[`SvgIcon -  rendering with "titlePosition" - top 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"
@@ -187,7 +187,7 @@ exports[`SvgIcon -  rendering with external sprite "svgPrefix" 1`] = `
 <DocumentFragment>
   <svg
     aria-hidden="true"
-    class="svgIcon  "
+    class="svgIcon"
     data-id="fontIcon"
     data-selector-id="fontIcon"
     data-test-id="fontIcon"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/icons",
-  "version": "1.3.10",
+  "version": "1.3.12",
   "description": "DOT - Icons",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -18,23 +18,27 @@
     "LIBRARY"
   ],
   "scripts": {
-    "clean": "react-cli clean lib es coverage assets",
+    "clean": "cdt clean lib es coverage test-slices assets",
     "build": "npm run build:lib && npm run build:es",
-    "build:lib": "cbt build:lib src,assets/react lib,assets/react",
-    "build:es": "cbt build:es src,assets/react es,assets/react",
+    "build:lib": "cbt build:lib src lib",
+    "build:es": "cbt build:es src es",
     "build:es:watch": "cbt build:es src es",
     "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
     "init": "npm run clean && cd ../assets && npm run clean && npm install  --legacy-peer-deps && npm run iconsassets",
     "init_": "npm run clean && cd ../assets && npm run iconsassets_temp",
-    "lint": "react-cli lint",
     "prepare": "npm run init && npm run css:build",
     "prepublishOnly": "node ../prePublish.js && npm run test",
     "postpublish": "node ../postPublish.js",
-    "download": "react-cli clean ./node_modules ./package-lock.json  && npm install --legacy-peer-deps ",
+    "download": "cdt clean ./node_modules ./package-lock.json  && npm install --legacy-peer-deps ",
     "expublish": "node ../publish.js -- exp",
     "common_package_build": "cd ../common && npm run build && cd ../components",
-    "test": "react-cli test",
-    "snap-update": "npm run test -- -u",
+    "__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 ./test-slices ./unittest ./es ./lib ./package-lock.json ./result.json ",
     "css:layer_config_generate": "npx z-node-plugins css:scan ./src ./assets css_layer_config.json",
     "css:layer_wrap_es": "npx z-node-plugins css:layer_wrap ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
     "css:layer_wrap_lib": "npx z-node-plugins css:layer_wrap ./lib ./assets css_layer_config.json --rewrite=src=lib --rewrite=assets=assets --skip-existing-layer",
@@ -59,12 +63,15 @@
     "@zohodesk/react-cli": "1.1.27",
     "@zohodesk/client_build_tool": "0.0.23",
     "@zohodesk/jsx_attribute_wrapper": "1.0.0",
-    "@dot-system/css-utility": "0.1.1",
-    "@zohodesk/dotkit": "1.0.10"
+    "@dot-system/css-utility": "0.1.2",
+    "@zohodesk/dotkit": "1.0.10",
+    "@zohodesk-private/client_deployment_tool": "0.0.7",
+    "@babel/preset-react": "7.29.7",
+    "@zohodesk/testinglibrary": "4.1.10"
   },
   "peerDependencies": {
     "@zohodesk/variables": "1.3.2",
-    "@dot-system/css-utility": "0.1.1",
+    "@dot-system/css-utility": "0.1.2",
     "@zohodesk/dotkit": "1.0.10"
   }
-}
+}

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']
+};