@bytebrand/fe-ui-core 4.2.46 → 4.2.48

package/__tests__/components/_common/Badge.test.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Badge from '../../../source/components/_common/Badge/Badge';
+
+describe('Badge', () => {
+  const textToRender = 'Test Text';
+
+  it('renders without crashing and shows the correct text', () => {
+    const type = 'green';
+    const { getByText } = render(<Badge type={type}>{textToRender}</Badge>);
+    const renderedText = getByText(textToRender);
+    
+    expect(renderedText).toBeInTheDocument();
+  });
+});

package/jest.config.js

@@ -0,0 +1,42 @@
+module.exports = {
+  testEnvironment: 'jest-environment-jsdom-sixteen',
+  testEnvironmentOptions: {
+    userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36',
+  },
+  roots: [
+    "<rootDir>"
+  ],
+  transform: {
+    "^.+\.(ts|tsx)?$": "ts-jest",
+    ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
+    "^.+\\.svg$": "jest-svg-transformer"
+  },
+  transformIgnorePatterns: [
+    "node_modules/(?!@ngrx|(?!deck.gl)|ng-dynamic)",
+    "/node_modules\/(.*)",
+    "^.+\\.mock$"
+  ],
+  testMatch: [ "**/__tests__/**/*.ts?(x)", "**/?(*.)+(spec|test).ts?(x)" ],
+  testPathIgnorePatterns: [
+    "/node_modules/",
+    "/media/",
+    "/public/"
+  ],
+  moduleNameMapper: {
+    "^.+.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
+    "^.+\\.svg$": "jest-svg-transformer",
+    "\\.(css|less|scss|sss|styl)$": "<rootDir>/node_modules/jest-css-modules",
+    'react-dom/client': 'react-dom'
+  },
+  moduleFileExtensions: [
+    "js",
+    "jsx",
+    "ts",
+    "tsx",
+    "json",
+    "node"
+  ],
+  "coverageDirectory": "__tests__/__snapshots__",
+
+  "setupFilesAfterEnv": ["<rootDir>/setupTests.js"],
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.46",
+  "version": "4.2.48",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",
@@ -10,9 +10,9 @@
     "@babel/plugin-proposal-decorators": "^7.17.8",
     "@babel/plugin-transform-react-constant-elements": "^7.17.6",
     "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
-    "@babel/preset-typescript": "^7.16.7",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.0",
     "@bytebrand/car-schema-selectors": "^2.0.7",
     "@bytebrand/fe-histoslider": "^2.1.3",
     "@bytebrand/i18n-dictionaries": "^0.7.5",
@@ -23,9 +23,14 @@
     "@mui/material": "^5.9.0",
     "@mui/styles": "^5.9.0",
     "@mui/x-date-pickers": "^5.0.0-beta.1",
+    "@testing-library/dom": "^9.0.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^11.2.6",
+    "@types/jest": "^29.4.0",
     "@types/js-cookie": "^2.1.0",
     "@types/uuid": "^8.3.1",
     "axios": "^0.24.0",
+    "babel-jest": "^26.0.0",
     "classnames": "2.2.6",
     "core-js": "2.5.7",
     "d3-array": "^2.2.0",
@@ -33,6 +38,11 @@
     "d3-scale": "^2.1.0",
     "date-fns": "2.29.1",
     "i18next": "^15.0.4",
+    "jest": "^26.0.0",
+    "jest-environment-jsdom-sixteen": "^2.0.0",
+    "jest-svg-transformer": "^1.0.0",
+    "jest-dom": "^4.0.0",
+    "jest-transform-stub": "^2.0.0",
     "js-cookie": "^2.2.0",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
@@ -46,7 +56,10 @@
     "react-scroll": "^1.7.13",
     "react-select": "^3.0.4",
     "react-slick": "^0.29.0",
+    "react-test-renderer": "^18.2.0",
+    "react-testing-library": "^8.0.1",
     "slick-carousel": "1.8.1",
+    "ts-jest": "^26.0.0",
     "uuid": "^8.3.2"
   },
   "devDependencies": {
@@ -96,10 +109,11 @@
   },
   "scripts": {
     "storybook": "start-storybook -p 6006",
-    "test": "echo \"Error: no test specified\" && exit 1",
     "clean": "rm -rf ./dist/*.*",
     "build:lib": "yarn clean && webpack --config ./webpack.config.js --progress",
-    "build:story": "build-storybook"
+    "build:story": "build-storybook",
+    "test": "jest --watch",
+    "test:coverage": "yarn run test -- --coverage --watchAll=false || exit 0"
   },
   "author": "Maks Okhmatenko",
   "license": "UNLICENSED"

package/setupTests.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/source/components/_common/OfferRequestButtonWrapper/OfferRequestButtonWrapper.styl

@@ -37,7 +37,7 @@
     width: 100%
 
 .offerButtonSuccess
-  background-color: $grassGreen !important
+  background-color: $lightGreen !important
   display: flex !important
   align-items: center
   justify-content: center

package/source/framework/utils/CommonUtils.ts

@@ -539,7 +539,6 @@ export function setUtmParameters() {
 export const updateCookieList = () => {
   let cookieConsentList = Object.keys(GOOGLE_BUNDLE_COOKIES);
   let isHomeGoogleGranted = true; // home page google cookie
-  let isFBGranted = true;
   let isHotjarGranted = true;
   const cookieConfig = JSON.parse(localStorage.getItem('cookieConfig')) || {};
 
@@ -552,16 +551,17 @@ export const updateCookieList = () => {
       if (cookieConsentList.includes(cookie)) {
         cookieConsentList = cookieConsentList.filter(i => i !== cookie);  // deny google cookie consent for _gcl_au, _ga, _gid, _gat_UA-31842-13, etc
         isHomeGoogleGranted = false;
-      } else if (cookie === '_fbp') { // tslint:disable-line
-        isFBGranted = false;
       } else if (cookie === 'hotjar') isHotjarGranted = false;
     });
   });
   // grant google cookies
   if (typeof window.grantCookieConsent === 'function') window.grantCookieConsent(cookieConsentList);
-  if (isHomeGoogleGranted && typeof window.allowGoogle === 'function') window.allowGoogle();
-  // grant FB cookies
-  if (isFBGranted && typeof window.fbq === 'function') window.fbq('consent', 'grant');
+  if (isHomeGoogleGranted && typeof window.allowGoogle === 'function') {
+    window.allowGoogle();
+    // grant FB cookies
+    window.fbq('consent', 'grant');
+  }
+
   // grant Hotjar cookies
   if (isHotjarGranted && typeof window.grantHotjarCookieConsent === 'function') window.grantHotjarCookieConsent();
 };