@truedat/test 4.44.2 → 4.44.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [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
+
 ## [4.41.4] 2022-04-04
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/test",
-  "version": "4.44.2",
+  "version": "4.44.5",
   "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": "ca0c5fffcba96736f7a2054f3c37789da8c30a9e"
+  "gitHead": "5a339468198c803592b285eddd0dd0c0b0eced93"
 }

package/src/messages.js

@@ -0,0 +1,64 @@
+import coreEs from "@truedat/core/messages/es";
+import coreEn from "@truedat/core/messages/en";
+
+import auditEs from "@truedat/audit/messages/es";
+import auditEn from "@truedat/audit/messages/en";
+
+import authEs from "@truedat/auth/messages/es";
+import authEn from "@truedat/auth/messages/en";
+
+import bgEs from "@truedat/bg/messages/es";
+import bgEn from "@truedat/bg/messages/en";
+
+import ddEs from "@truedat/dd/messages/es";
+import ddEn from "@truedat/dd/messages/en";
+
+import dfEs from "@truedat/df/messages/es";
+import dfEn from "@truedat/df/messages/en";
+
+import dqEs from "@truedat/dq/messages/es";
+import dqEn from "@truedat/dq/messages/en";
+
+import ieEs from "@truedat/ie/messages/es";
+import ieEn from "@truedat/ie/messages/en";
+
+import seEs from "@truedat/se/messages/es";
+import seEn from "@truedat/se/messages/en";
+
+import lmEs from "@truedat/lm/messages/es";
+import lmEn from "@truedat/lm/messages/en";
+
+import cxEs from "@truedat/cx/messages/es";
+import cxEn from "@truedat/cx/messages/en";
+
+const combinedEs = {
+  ...coreEs,
+  ...auditEs,
+  ...authEs,
+  ...bgEs,
+  ...ddEs,
+  ...dfEs,
+  ...dqEs,
+  ...ieEs,
+  ...seEs,
+  ...lmEs,
+  ...cxEs,
+};
+const combinedEn = {
+  ...coreEn,
+  ...auditEn,
+  ...authEn,
+  ...bgEn,
+  ...ddEn,
+  ...dfEn,
+  ...dqEn,
+  ...ieEn,
+  ...seEn,
+  ...lmEn,
+  ...cxEn,
+};
+
+export default {
+  es: combinedEs,
+  en: combinedEn,
+};

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

@@ -5,6 +5,7 @@ import { IntlProvider } from "react-intl";
 import { createStore } from "redux";
 import { Provider } from "react-redux";
 import { MemoryRouter } from "react-router-dom";
+import defaultMessages from "./messages";
 
 const customRender = (
   component,
@@ -12,16 +13,17 @@ const customRender = (
     locale = "en",
     mocks = [],
     state = {},
-    messages = {},
+    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}
@@ -36,6 +38,11 @@ const customRender = (
         </IntlProvider>
       </MemoryRouter>
     );
+    return fallback ? (
+      <React.Suspense fallback={fallback}>{content}</React.Suspense>
+    ) : (
+      content
+    );
   }
   return render(component, { wrapper: Wrapper, ...renderOptions });
 };