Fixed tests

Author: pkolt

.github/workflows/main.yml

@@ -83,28 +83,28 @@ jobs:
       - name: Check TypeScript 👷‍♂️
         run: npm run check-ts
 
-  # test:
-  #   name: Run Tests
-  #   needs: [install]
-  #   runs-on: ubuntu-latest
-  #   steps:
-  #     - name: Checkout ✅
-  #       uses: actions/checkout@v4
-  #     - name: Setup Node 🤖
-  #       uses: actions/setup-node@v4
-  #       with:
-  #         node-version: ${{ env.node_version }}
-  #         cache: npm
-  #     - name: Restore cache 🔮
-  #       id: cache
-  #       uses: actions/cache/restore@v4
-  #       with:
-  #         path: ./node_modules
-  #         key: ${{ runner.os }}-modules-${{ hashFiles('package-lock.json') }}
-  #     - name: Run Tests 🚦
-  #       run: npm run test
-  #     - name: Run Benchmark
-  #       run: npm run bench
+  test:
+    name: Run Tests
+    needs: [install]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout ✅
+        uses: actions/checkout@v4
+      - name: Setup Node 🤖
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.node_version }}
+          cache: npm
+      - name: Restore cache 🔮
+        id: cache
+        uses: actions/cache/restore@v4
+        with:
+          path: ./node_modules
+          key: ${{ runner.os }}-modules-${{ hashFiles('package-lock.json') }}
+      - name: Run Tests 🚦
+        run: npm run test
+      # - name: Run Benchmark
+      #   run: npm run bench
 
   build:
     name: Build site

package.json

@@ -28,7 +28,7 @@
     "lint-all": "npm run check-ts && npm run eslint && npm run format && npm run knip",
     "lint-all-fix": "npm run eslint-fix && npm run format-fix",
     "prepare": "git config core.hooksPath .git-hooks",
-    "pre-commit": "npm run lint-all"
+    "pre-commit": "npm run lint-all && npm test"
   },
   "dependencies": {
     "@emotion/react": "^11.13.3",

src/pages/WordToTranslation/hooks.ts

@@ -19,7 +19,8 @@ import {
 import { useGetWordProgressList } from '@/services/wordProgress/hooks';
 import { useGetTagList } from '@/services/tags/hooks';
 import { renderTags } from '@/services/tags/utils';
-import { useEffectOnce } from '@/hooks/useOnceEffect';
+import { useEffectOnce } from '@/hooks/useEffectOnce';
+import { useEffectNext } from '@/hooks/useEffectNext';
 
 export const useWordToTranslation = () => {
   const { data: tagList, isLoading: isLoadingTags } = useGetTagList();
@@ -112,10 +113,9 @@ export const useWordToTranslation = () => {
   });
 
   // Update items after changed word list
-  useEffectOnce({
+  useEffectNext({
     effect: () => setItems((state) => updateQuizItems(state, wordList!)),
     condition: () => !!wordList,
-    skipFirst: true,
     deps: [wordList],
   });
 

src/setupTests.ts

@@ -6,7 +6,6 @@ import { Settings } from 'luxon';
 import { afterAll, afterEach, beforeAll, vi } from 'vitest';
 import { setupMatchers } from './test-utils/matchers';
 import { server } from './test-utils/msw/server';
-import './i18n';
 
 setupMatchers();