@truedat/test 4.44.3 → 4.45.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## [4.44.3] 2022-05-11
 
+### Added
+
+- [TD-4230] Created `mocks` for common test mocking
+
+## [4.44.3] 2022-05-11
+
 ### Changed
 
 - Test renderer now uses combined i18n messages

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/test",
-  "version": "4.44.3",
+  "version": "4.45.0",
   "description": "Truedat Web Test",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -16,24 +16,25 @@
   },
   "scripts": {
     "clean": "rimraf yarn-error.log",
-    "test": "jest --coverage",
-    "test:watch": "jest --watch",
+    "test": "TZ=UTC jest --coverage",
+    "test:watch": "TZ=UTC jest --watch",
     "eslint": "eslint src/**",
     "eslint:fix": "eslint --fix src/**"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.8",
-    "@babel/core": "^7.15.0",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-object-rest-spread": "^7.14.7",
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.18.0",
+    "@babel/plugin-proposal-class-properties": "^7.17.12",
+    "@babel/plugin-proposal-object-rest-spread": "^7.18.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.17.12",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "^7.15.0",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-react": "^7.14.5",
-    "@testing-library/jest-dom": "^5.14.1",
+    "@babel/plugin-transform-modules-commonjs": "^7.18.0",
+    "@babel/preset-env": "^7.18.0",
+    "@babel/preset-react": "^7.17.12",
+    "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "babel-jest": "^27.0.6",
+    "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-react-intl": "^5.1.18",
@@ -42,12 +43,15 @@
     "enzyme-adapter-react-16": "^1.15.6",
     "enzyme-to-json": "^3.6.2",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.0.6",
+    "jest": "^28.1.0",
+    "jest-environment-jsdom": "^28.1.0",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "rimraf": "^3.0.2"
   },
   "jest": {
+    "maxWorkers": "50%",
+    "testTimeout": 10000,
     "moduleDirectories": [
       "<rootDir>/src",
       "../../node_modules"
@@ -83,8 +87,9 @@
     ]
   },
   "dependencies": {
-    "@apollo/client": "^3.4.10",
+    "@apollo/client": "^3.6.4",
     "lodash": "^4.17.21",
+    "prop-types": "^15.8.1",
     "react-intl": "^5.20.10",
     "react-redux": "^7.2.4",
     "react-router-dom": "^5.2.0",
@@ -94,5 +99,5 @@
     "react": ">= 16.8.6 < 17",
     "react-dom": ">= 16.8.6 < 17"
   },
-  "gitHead": "d5e72d523389c6e66d6f7168d7e3546b5d2ffdda"
+  "gitHead": "b8a49c6bae0bbde203dfb4763a5657fc398e3b7a"
 }

package/src/mocks.js

@@ -0,0 +1,39 @@
+import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
+
+const template1 = {
+  __typename: "Template",
+  id: "1",
+  name: "template1",
+  label: "template1",
+  scope: "foo",
+  content: [
+    {
+      name: "g1",
+      fields: [{ name: "field1", label: "field1", placeholder: "field1" }],
+    },
+  ],
+};
+
+const template2 = {
+  __typename: "Template",
+  id: "2",
+  name: "template2",
+  label: "template2",
+  scope: "foo",
+  content: [],
+};
+
+export const multipleTemplatesMock = (variables) => ({
+  request: { query: TEMPLATES_QUERY, variables },
+  result: { data: { templates: [template1, template2] } },
+});
+
+export const singleTemplateMock = (variables) => ({
+  request: { query: TEMPLATES_QUERY, variables },
+  result: { data: { templates: [template1] } },
+});
+
+export const errorTemplateMock = (variables) => ({
+  request: { query: TEMPLATES_QUERY, variables },
+  error: new Error("Error fetching templates"),
+});

package/src/render.js

@@ -16,13 +16,14 @@ const customRender = (
     messages = defaultMessages,
     routes = ["/"],
     routeIndex,
+    fallback = false,
     ...renderOptions
   } = {}
 ) => {
   const store = createStore(() => state);
   // eslint-disable-next-line react/prop-types
   function Wrapper({ children }) {
-    return (
+    const content = (
       <MemoryRouter initialEntries={routes} initialIndex={routeIndex}>
         <IntlProvider
           locale={locale}
@@ -37,6 +38,11 @@ const customRender = (
         </IntlProvider>
       </MemoryRouter>
     );
+    return fallback ? (
+      <React.Suspense fallback={fallback}>{content}</React.Suspense>
+    ) : (
+      content
+    );
   }
   return render(component, { wrapper: Wrapper, ...renderOptions });
 };