fix unit test failure

Author: LinuxSuRen

console/atest-ui/package-lock.json

@@ -49,6 +49,7 @@
     "eslint-plugin-vue": "^9.11.0",
     "fetch-mock-jest": "^1.5.1",
     "jest": "^29.6.1",
+    "jest-fetch-mock": "^3.0.3",
     "jsdom": "^22.1.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",

console/atest-ui/package.json

@@ -16,37 +16,9 @@ limitations under the License.
 
 import { describe } from 'node:test'
 import {Cache, SetPreference, TestCaseResponse, Store, Stores} from '../cache'
+import { SetupStorage } from './common'
 
-const localStorageMock = (() => {
-    let store = {};
-
-    return {
-        getItem(key) {
-            return store[key] || null;
-        },
-        setItem(key, value) {
-            store[key] = value.toString();
-        },
-        removeItem(key) {
-            delete store[key];
-        },
-        clear() {
-            store = {};
-        }
-    };
-})();
-
-Object.defineProperty(global, 'sessionStorage', {
-    value: localStorageMock
-});
-Object.defineProperty(global, 'localStorage', {
-    value: localStorageMock
-});
-Object.defineProperty(global, 'navigator', {
-    value: {
-        language: 'en'
-    }
-});
+SetupStorage()
 
 describe('TestCaseResponseCache', () => {
     test('should set and get test case response cache', () => {

console/atest-ui/src/views/__test__/cache.spec.ts

@@ -0,0 +1,48 @@
+/*
+Copyright 2024 API Testing Authors.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+export function SetupStorage() {
+    const localStorageMock = (() => {
+        let store = new Map<string, string>;
+
+        return {
+            getItem(key: string) {
+                return store.get(key) || null;
+            },
+            setItem(key: string, value: string) {
+                store.set(key, value);
+            },
+            removeItem(key: string) {
+                store.delete(key)
+            },
+            clear() {
+                store.clear();
+            }
+        };
+    })();
+
+    Object.defineProperty(global, 'sessionStorage', {
+        value: localStorageMock
+    });
+    Object.defineProperty(global, 'localStorage', {
+        value: localStorageMock
+    });
+    Object.defineProperty(global, 'navigator', {
+        value: {
+            language: 'en'
+        }
+    });
+}

console/atest-ui/src/views/__test__/common.ts

@@ -15,52 +15,28 @@ limitations under the License.
 */
 
 import { describe } from 'node:test'
-import {API, TestCase} from '../net'
+import {API} from '../net'
+import { type TestCase } from '../net'
+import { SetupStorage } from './common'
+import fetchMock from "jest-fetch-mock";
 
-const fakeFetch: { [key:string]:string; } = {};
+fetchMock.enableMocks();
+SetupStorage()
 
-global.fetch = jest.fn((key: string) =>
-    Promise.resolve({
-        json: () => {
-            if (fakeFetch[key] === undefined) {
-                return Promise.resolve({})
-            }
-            return Promise.resolve(JSON.parse(fakeFetch[key]))
-        },
-    }),
-) as jest.Mock;
-
-fakeFetch['/api/v1/version'] = '{"version":"0.0.1"}'
-
-const localStorageMock = (() => {
-    let store = {};
-
-    return {
-        getItem(key) {
-            return store[key] || null;
-        },
-        setItem(key, value) {
-            store[key] = value.toString();
-        },
-        removeItem(key) {
-            delete store[key];
-        },
-        clear() {
-            store = {};
-        }
-    };
-})();
-
-Object.defineProperty(global, 'sessionStorage', {
-    value: localStorageMock
+beforeEach(() => {
+    fetchMock.resetMocks();
 });
 
 describe('net', () => {
     test('GetVersion', () => {
-        API.GetVersion()
+        fetchMock.mockResponseOnce(`{"version":"v0.0.1"}`)
+        API.GetVersion((d) => {
+            expect(d.version).toEqual('v0.0.2')
+        })
     })
 
     test('CreateTestSuite', () => {
+        fetchMock.mockResponseOnce(`{"version":"v0.0.1"}`)
         API.CreateTestSuite({
             store: 'store',
             name: 'name',
@@ -72,27 +48,27 @@ describe('net', () => {
     })
 
     test('UpdateTestSuite', () => {
-        API.UpdateTestSuite({}, (d) => {})
+        API.UpdateTestSuite({}, () => {})
     })
 
     test('GetTestSuite', () => {
-        API.GetTestSuite('fake', (d) => {})
+        API.GetTestSuite('fake', () => {})
     })
 
     test('DeleteTestSuite', () => {
-        API.DeleteTestSuite('fake', (d) => {})
+        API.DeleteTestSuite('fake', () => {})
     })
 
     test('ConvertTestSuite', () => {
-        API.ConvertTestSuite('fake', 'generator', (d) => {})
+        API.ConvertTestSuite('fake', 'generator', () => {})
     })
 
     test('DuplicateTestSuite', () => {
-        API.DuplicateTestSuite('source', 'target', (d) => {})
+        API.DuplicateTestSuite('source', 'target', () => {})
     })
 
     test('GetTestSuiteYaml', () => {
-        API.GetTestSuiteYaml('fake', (d) => {})
+        API.GetTestSuiteYaml('fake', () => {})
     })
 
     test('CreateTestCase', () => {

console/atest-ui/src/views/__test__/net.spec.ts

@@ -17,19 +17,9 @@ limitations under the License.
 import { describe } from 'node:test'
 import { NewSuggestedAPIsQuery, CreateFilter, GetHTTPMethods, FlattenObject } from '../types'
 import type { Pair } from '../types'
+import fetchMock from "jest-fetch-mock";
 
-const fakeFetch: { [key:string]:string; } = {};
-
-global.fetch = jest.fn((key: string) =>
-  Promise.resolve({
-    json: () => {
-      if (fakeFetch[key] === undefined) {
-        return Promise.resolve({})
-      }
-      return Promise.resolve(JSON.parse(fakeFetch[key]))
-    },
-  }),
-) as jest.Mock;
+fetchMock.enableMocks();
 
 describe('NewSuggestedAPIsQuery', () => {
   test('empty data', () => {