test: Test environment can now run.

Kelketek · Dec 7, 2023 · 490ae6d · 490ae6d
1 parent 794ce89
commit 490ae6d
Show file tree

Hide file tree

Showing 6 changed files with 1,677 additions and 71 deletions.
diff --git a/frontend/specs/App.spec.ts b/frontend/specs/App.spec.ts
@@ -301,7 +301,7 @@ describe('App.vue', () => {
     const vm = wrapper.vm as any
     await vm.$nextTick()
     expect(vm.routeKey).toEqual('')
-    vm.$route.params.username = Bob
+    vm.$route.params.username = 'Bob'
     expect(vm.routeKey).toEqual('username:Bob|')
     vm.$route.params.characterName = 'Dude'
     expect(vm.routeKey).toEqual('characterName:Dude|username:Bob|')

diff --git a/frontend/specs/setupTestEnv.ts b/frontend/specs/setupTestEnv.ts
@@ -3,8 +3,8 @@
 // Polyfills the CSS.escape function, needed for dynamic CSS class/identifier creation.
 require('css.escape')
 
-export function testName() {
-  return expect.getState().currentTestName
+export function testName(): string {
+  return expect.getState().currentTestName as string
 }
 
 export class LocalStorageMock {

diff --git a/jest.config.js b/jest.config.js
@@ -1,5 +1,4 @@
 module.exports = {
-  preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel",
   moduleFileExtensions: [
     'js',
     'jsx',
@@ -9,7 +8,7 @@ module.exports = {
     'tsx',
   ],
   transform: {
-    '^.+\\.vue$': '@vue/vue2-jest',
+    '^.+\\.vue$': '@vue/vue3-jest',
     '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
     '^.+\\.tsx?$': 'ts-jest',
   },
@@ -31,7 +30,10 @@ module.exports = {
   testMatch: [
     '**/specs/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)',
   ],
-  testURL: 'http://localhost/',
+  testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    url: 'http://localhost/'
+  },
   watchPlugins: [
     'jest-watch-typeahead/filename',
     'jest-watch-typeahead/testname',
@@ -42,10 +44,5 @@ module.exports = {
   coveragePathIgnorePatterns: [
     '/node_modules/',
     '/specs/',
-  ],
-  globals: {
-    'ts-jest': {
-      babelConfig: true,
-    },
-  },
+  ]
 }