Update package test (#52)

* build: update deps for package tester * test: add missing import in vitest tests
ae9is · Apr 28, 2024 · 81b71d7 · 81b71d7
1 parent 5bca0ea
commit 81b71d7
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 25 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/fontpicker/src/components/App.test.tsx b/packages/fontpicker/src/components/App.test.tsx
@@ -1,5 +1,5 @@
 /// <reference types="vitest" />
-import { describe, it, expect } from 'vitest'
+import { describe, it, expect, beforeEach } from 'vitest'
 import { act, screen, render, within, userEvent } from '../test/utils'
 import App from './App'
 

diff --git a/test/pack-test/README.md b/test/pack-test/README.md
@@ -2,6 +2,6 @@
 
 For testing `npm pack`s of the fontpicker and fontpicker-lite built packages, before publication to npm.
 
-Only the lite package is included in the main.yml CI via fontpicker-lite/test-lite.sh, which calls pack-test's "npm run test". (The full fontpicker cache is ~700 MB and takes ~20 min of API requests to download.)
+Only the lite package is included in the main.yml CI via fontpicker-lite/test-lite.sh, which calls pack-test's "npm run test". (The full fontpicker cache is ~800 MB and takes ~20 min of API requests to download.)
 
 To do a visual inspection of the fontpicker and fontpicker-lite packages, first make sure the local packages are installed via `prep-pack-test.sh`. Then run: `npm run dev`.
diff --git a/test/pack-test/package-lock.json b/test/pack-test/package-lock.json
diff --git a/test/pack-test/package.json b/test/pack-test/package.json
@@ -15,7 +15,7 @@
     "@vitejs/plugin-react-swc": "^3.4.1",
     "react": ">=18",
     "react-dom": ">=18",
-    "react-fontpicker-ts-lite": "file:../../packages/fontpicker-lite/react-fontpicker-ts-lite-0.3.1.tgz",
+    "react-fontpicker-ts-lite": "file:../../packages/fontpicker-lite/react-fontpicker-ts-lite-0.4.0.tgz",
     "vite": "^4.5.2"
   },
   "devDependencies": {

diff --git a/test/pack-test/src/Lite.test.tsx b/test/pack-test/src/Lite.test.tsx
@@ -1,6 +1,6 @@
 /// <reference types="vitest" />
-import { describe, it, expect } from 'vitest'
-import { render, within } from './test/utils'
+import { describe, it, expect, beforeEach } from 'vitest'
+import { act, render, within } from './test/utils'
 import App from './Lite'
 
 function checkFontLoaded(cssId: string) {
@@ -11,7 +11,9 @@ function checkFontLoaded(cssId: string) {
 }
 
 beforeEach(() => {
-  render(<App />)
+  act(() => {
+    render(<App />)
+  })
 })
 
 describe('<App />', () => {