@bcgov/design-system-react-components 0.5.2-pr560 → 0.5.2-pr587

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +5 -5
  2. package/package.json +10 -15
package/README.md CHANGED
@@ -115,9 +115,9 @@ This project follows semantic versioning. See [CHANGELOG.md](./CHANGELOG.md) for
115
115
 
116
116
  Components live in `./src/components` and are targeted by the build process with an export in `./src/index.ts`.
117
117
 
118
- #### Testing components with Jest
118
+ #### Testing components with Vitest
119
119
 
120
- Unit tests can be run with Jest using `npm run test`.
120
+ Unit tests can be run with Vitest using `npm run test`. Use `npm run test:watch` to run Vitest in watch mode.
121
121
 
122
122
  ### Storybook
123
123
 
@@ -137,9 +137,9 @@ oc tag ed91fb-tools/design-system-react-components-storybook:develop ed91fb-tool
137
137
  oc tag ed91fb-tools/design-system-react-components-storybook:develop ed91fb-tools/design-system-react-components-storybook:production
138
138
  ```
139
139
 
140
- #### Testing with Storybook Test Runner
140
+ #### Testing Storybook with Vitest
141
141
 
142
- With Storybook running locally, use the `npm run test-storybook` script to run `@storybook/test-runner` using the configuration defined in `./.storybook/test-runner.ts`. [Learn more about Storybook Test Runner](https://storybook.js.org/docs/writing-tests/test-runner).
142
+ With Storybook running locally, use the `npm run test-storybook` script to test Storybook with Vitest's browser mode. This script uses the configuration defined in `./vite.config.ts`. [Learn more about Storybook's Vitest addon.](https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon).
143
143
 
144
144
  ### Vite kitchen sink application
145
145
 
@@ -156,7 +156,7 @@ Publishing new versions of the package to npm is done via GitHub Actions.
156
156
  GitHub Actions are located in `/.github/workflows` in the project root. Actions are included to:
157
157
 
158
158
  - Build the Storybook and Vite applications on merge to `main`
159
- - Test (Jest and Playwright) on pull request
159
+ - Test (Vitest and Playwright) on pull request
160
160
  - Publish new versions of the library on npm (`next` tag) on merge to `main`
161
161
  - Publish new versions of the library on npm (`latest` tag) when a GitHub release is published
162
162
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcgov/design-system-react-components",
3
- "version": "0.5.2-pr560",
3
+ "version": "0.5.2-pr587",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/bcgov/design-system.git",
@@ -12,11 +12,10 @@
12
12
  "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
13
13
  "storybook-dev": "storybook dev -p 6006",
14
14
  "storybook-build": "storybook build",
15
- "test": "npx jest --config=./jest.config.ts",
16
- "test:ci": "npx jest --ci --config=./jest.config.ts",
17
- "test:watch": "npx jest --watch --config=./jest.config.ts",
18
- "test-storybook": "npx vitest --project=storybook",
19
- "test-storybook:ci": "npx vitest --project=storybook",
15
+ "test": "npx vitest --project=unit --watch=false",
16
+ "test:watch": "npx vitest --project=unit",
17
+ "test-storybook": "npx vitest --project=storybook --watch=false",
18
+ "test-storybook:watch": "npx vitest --project=storybook",
20
19
  "vite-dev": "vite",
21
20
  "vite-build": "tsc && vite build",
22
21
  "vite-preview": "vite preview"
@@ -47,37 +46,33 @@
47
46
  "@storybook/addon-links": "^10.1.9",
48
47
  "@storybook/addon-vitest": "^10.1.9",
49
48
  "@storybook/react-vite": "^10.1.9",
50
- "@storybook/test-runner": "0.24.2",
51
49
  "@testing-library/jest-dom": "6.5.0",
52
50
  "@testing-library/react": "16.0.1",
53
- "@types/jest": "29.5.13",
54
51
  "@types/react": "18.3.8",
55
52
  "@types/react-dom": "18.3.0",
56
53
  "@typescript-eslint/eslint-plugin": "8.6.0",
57
54
  "@typescript-eslint/parser": "8.6.0",
58
55
  "@vitejs/plugin-react": "5.1.1",
56
+ "@vitest/browser-playwright": "^4.0.14",
57
+ "@vitest/coverage-v8": "^4.0.14",
59
58
  "axe-playwright": "2.0.2",
60
59
  "eslint": "8.57.0",
61
60
  "eslint-plugin-react-hooks": "4.6.2",
62
61
  "eslint-plugin-react-refresh": "0.4.12",
63
62
  "eslint-plugin-storybook": "^10.1.9",
64
63
  "identity-obj-proxy": "3.0.0",
65
- "jest": "29.7.0",
66
- "jest-environment-jsdom": "29.7.0",
64
+ "jsdom": "^27.3.0",
65
+ "playwright": "^1.57.0",
67
66
  "rollup": "4.32.1",
68
67
  "rollup-plugin-dts": "6.1.1",
69
68
  "rollup-plugin-peer-deps-external": "2.2.4",
70
69
  "rollup-plugin-postcss": "4.0.2",
71
70
  "storybook": "^10.1.9",
72
- "ts-jest": "29.2.5",
73
71
  "ts-node": "10.9.2",
74
72
  "tslib": "2.7.0",
75
73
  "typescript": "5.6.2",
76
74
  "vite": "7.2.4",
77
- "vitest": "^4.0.14",
78
- "playwright": "^1.57.0",
79
- "@vitest/browser-playwright": "^4.0.14",
80
- "@vitest/coverage-v8": "^4.0.14"
75
+ "vitest": "^4.0.14"
81
76
  },
82
77
  "optionalDependencies": {
83
78
  "@rollup/rollup-linux-x64-gnu": "*"