fix: api headless cms tests

Author: brunozoric

.eslintrc.cjs

@@ -9,7 +9,7 @@ function getNoUnusedVars() {
 module.exports = {
   extends: [
     "plugin:@typescript-eslint/recommended",
-    "plugin:jest/recommended",
+    "plugin:@vitest/legacy-recommended",
     "plugin:react/recommended"
   ],
   parser: "@typescript-eslint/parser",
@@ -18,9 +18,8 @@ module.exports = {
     tsconfigRootDir: __dirname,
     sourceType: "module"
   },
-  plugins: ["@typescript-eslint", "jest", "import", "react", "lodash"],
+  plugins: ["@typescript-eslint", "@vitest", "import", "react", "lodash"],
   env: {
-    jest: true,
     commonjs: true,
     node: true,
     es6: true
@@ -59,12 +58,12 @@ module.exports = {
     // Temporarily disable this rule
     "@typescript-eslint/no-non-null-assertion": 0,
     curly: ["error"],
-    "jest/expect-expect": 0,
+    "@vitest/expect-expect": 0,
     // Sometimes we have to use expect() inside try/catch clause (for async calls).
     // This rule raises an error when you do that, so we disabled it.
-    "jest/no-conditional-expect": 0,
-    "jest/no-commented-out-tests": 0,
-    "jest/no-disabled-tests": 0,
+    "@vitest/no-conditional-expect": 0,
+    "@vitest/no-commented-out-tests": 0,
+    "@vitest/no-disabled-tests": 0,
     "lodash/import-scope": [2, "method"],
     "no-restricted-imports": [
       "error",

package.json

@@ -62,6 +62,7 @@
     "@types/react-dom": "18.2.25",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
+    "@vitest/eslint-plugin": "^1.3.9",
     "adio": "^2.0.1",
     "axios": "^1.8.2",
     "babel-loader": "^9.2.1",

packages/api-headless-cms/__tests__/contentAPI/aco/acoGraphQl.test.ts

@@ -1,8 +1,6 @@
+import { describe, it, expect } from "vitest";
 import { useGraphQLHandler } from "./setup/useGraphQLHandler";
 import { ROOT_FOLDER } from "~/constants";
-import { jest } from "@jest/globals";
-
-jest.retryTimes(0);
 
 const entryId = `custom-entry-id`;
 const id = `${entryId}#0001`;

packages/api-headless-cms/__tests__/contentAPI/benchmark.test.ts

@@ -1,6 +1,6 @@
+import { describe, it, expect, beforeEach, vi } from "vitest";
 import { useGraphQLHandler } from "~tests/testHelpers/useGraphQLHandler";
 import { ContextPlugin } from "@webiny/api";
-import { jest } from "@jest/globals";
 
 describe("benchmark points", () => {
     let elapsed = 0;
@@ -23,7 +23,7 @@ describe("benchmark points", () => {
 
     it("should run benchmark and have required points present in the log", async () => {
         const logs: any[] = [];
-        jest.spyOn(console, "log").mockImplementation((...args) => {
+        vi.spyOn(console, "log").mockImplementation((...args) => {
             logs.push(...args);
         });
 

packages/api-headless-cms/__tests__/contentAPI/cmsEndpointAccess.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import { CmsGroup, CmsModel } from "~/types";
 import { useGraphQLHandler } from "../testHelpers/useGraphQLHandler";
 import { useCategoryManageHandler } from "../testHelpers/useCategoryManageHandler";
@@ -86,7 +87,7 @@ describe("Endpoint access", () => {
         }
     };
 
-    test(`user has access to manage endpoint`, async () => {
+    it(`user has access to manage endpoint`, async () => {
         await setupContentModel();
         const { listCategories } = useCategoryManageHandler({
             ...manageOpts,
@@ -115,7 +116,7 @@ describe("Endpoint access", () => {
         });
     });
 
-    test(`user does not have access to manage endpoint`, async () => {
+    it(`user does not have access to manage endpoint`, async () => {
         await setupContentModel();
         const { listCategories } = useCategoryManageHandler({
             ...manageOpts,
@@ -144,7 +145,7 @@ describe("Endpoint access", () => {
         });
     });
 
-    test(`user has access to read endpoint`, async () => {
+    it(`user has access to read endpoint`, async () => {
         await setupContentModel();
         const { listCategories } = useCategoryReadHandler({
             ...readOpts,
@@ -173,7 +174,7 @@ describe("Endpoint access", () => {
         });
     });
 
-    test(`user does not have access to read endpoint`, async () => {
+    it(`user does not have access to read endpoint`, async () => {
         await setupContentModel();
         const { listCategories } = useCategoryReadHandler({
             ...readOpts,
@@ -203,7 +204,7 @@ describe("Endpoint access", () => {
         });
     });
 
-    test(`user has access to preview endpoint`, async () => {
+    it(`user has access to preview endpoint`, async () => {
         await setupContentModel();
         const { listCategories } = useCategoryReadHandler({
             ...previewOpts,
@@ -232,7 +233,7 @@ describe("Endpoint access", () => {
         });
     });
 
-    test(`user does not have access to preview endpoint`, async () => {
+    it(`user does not have access to preview endpoint`, async () => {
         await setupContentModel();
         const { listCategories } = useCategoryReadHandler({
             ...previewOpts,

packages/api-headless-cms/__tests__/contentAPI/cmsEntryStatus.test.ts

@@ -1,3 +1,4 @@
+import { beforeEach, describe, expect, it } from "vitest";
 import { useCategoryManageHandler } from "../testHelpers/useCategoryManageHandler";
 import camelCase from "lodash/camelCase";
 import { CmsGroup } from "~/types";

packages/api-headless-cms/__tests__/contentAPI/cmsEntryValidation/contentEntry.crud.validation.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from "vitest";
 import { useValidationManageHandler } from "./handler";
 import ucFirst from "lodash/upperFirst";
 import camelCase from "lodash/camelCase";

packages/api-headless-cms/__tests__/contentAPI/cmsEntryValidation/contentEntry.optionalValidation.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from "vitest";
 import { createValidationStructure } from "~tests/contentAPI/cmsEntryValidation/mocks/structure";
 import { useValidationManageHandler } from "~tests/contentAPI/cmsEntryValidation/handler";
 import {

packages/api-headless-cms/__tests__/contentAPI/cmsEntryValidation/mocks/errors.ts

@@ -1,3 +1,4 @@
+import { expect } from "vitest";
 import { CmsDynamicZoneTemplate, CmsModelFieldInput } from "~/types";
 
 const nestedErrorRegex = /^(nested|dz)([A-Za-z]+)$/;

packages/api-headless-cms/__tests__/contentAPI/contentEntries.test.ts

@@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import { useFruitManageHandler } from "../testHelpers/useFruitManageHandler";
 import { Fruit } from "./mocks/contentModels";
 import { setupContentModelGroup, setupContentModels } from "../testHelpers/setup";