stabilize-tests

packages/atomic/package.json

@@ -75,7 +75,7 @@
     "@stencil/react-output-target": "0.5.3",
     "@types/dompurify": "3.0.5",
     "@types/escape-html": "1.0.4",
-    "@types/jest": "27.5.2",
+    "@types/jest": "29.5.12",
     "@types/lodash": "4.14.202",
     "@types/postcss-import": "14.0.3",
     "@types/puppeteer": "5.4.7",
@@ -86,9 +86,9 @@
     "cypress-repeat": "2.3.4",
     "cypress-split": "1.5.0",
     "html-loader-jest": "0.2.1",
-    "jest": "27.5.1",
-    "jest-cli": "27.5.1",
-    "jest-environment-node": "27.5.1",
+    "jest": "29.7.0",
+    "jest-cli": "29.7.0",
+    "jest-environment-node": "29.7.0",
     "jest-localstorage-mock": "2.4.26",
     "lit-html": "3.1.2",
     "lodash": "4.17.21",

packages/atomic/src/components/common/result-link/attributes-slot.spec.tsx

@@ -2,7 +2,11 @@ import {getAttributesFromLinkSlot} from './attributes-slot';
 
 describe('getAttributesFromLinkSlot', () => {
   beforeEach(() => {
-    spyOn(console, 'warn');
+    jest.spyOn(console, 'warn');
+  });
+
+  afterEach(() => {
+    jest.resetAllMocks();
   });
 
   it('retrieves attributes from child slot correctly without warnings', () => {
@@ -23,7 +27,7 @@ describe('getAttributesFromLinkSlot', () => {
       _name: 'target',
       _value: '_self',
     });
-    expect(console.warn).not.toBeCalled();
+    expect(console.warn).not.toHaveBeenCalled();
   });
 
   it('returns undefined when there is no slot of that name', () => {
@@ -45,7 +49,7 @@ describe('getAttributesFromLinkSlot', () => {
     host.appendChild(link);
     const attributes = getAttributesFromLinkSlot(host, slotName);
     expect(attributes).toBeUndefined();
-    expect(console.warn).toBeCalledTimes(1);
+    expect(console.warn).toHaveBeenCalledTimes(1);
   });
 
   it('logs a warning when the "href" is defined & filters it out', () => {
@@ -58,6 +62,6 @@ describe('getAttributesFromLinkSlot', () => {
     host.appendChild(link);
     const attributes = getAttributesFromLinkSlot(host, slotName);
     expect(attributes).toEqual([]);
-    expect(console.warn).toBeCalledTimes(1);
+    expect(console.warn).toHaveBeenCalledTimes(1);
   });
 });

packages/atomic/src/components/search/atomic-layout/__snapshots__/search-layout.spec.ts.snap

@@ -5,7 +5,7 @@ exports[`Search Layout #buildSearchLayout when the atomic-search-layout componen
 "atomic-search-layout#abc { display: grid }
 
 @media only screen and (min-width: 1024px) {
-    atomic-search-layout#abc atomic-layout-section[section=\\"search\\"] {
+    atomic-search-layout#abc atomic-layout-section[section="search"] {
       justify-self: start;
       width: 80%;
     }
@@ -28,13 +28,13 @@ exports[`Search Layout #buildSearchLayout when the atomic-search-layout componen
           '. atomic-section-facets .                     .';
       }
 
-      atomic-search-interface:not(.atomic-search-interface-no-results, .atomic-search-interface-error) atomic-search-layout#abc atomic-layout-section[section=\\"facets\\"] {
+      atomic-search-interface:not(.atomic-search-interface-no-results, .atomic-search-interface-error) atomic-search-layout#abc atomic-layout-section[section="facets"] {
         display: block;
       }
     }
 
 @media only screen and (min-width: 1024px) {
-      atomic-search-layout#abc atomic-layout-section[section=\\"horizontal-facets\\"] > atomic-popover:not(.atomic-hidden) {
+      atomic-search-layout#abc atomic-layout-section[section="horizontal-facets"] > atomic-popover:not(.atomic-hidden) {
         display: block;
       }
     }"
@@ -45,28 +45,28 @@ exports[`Search Layout #buildSearchLayout when the atomic-search-layout componen
 "atomic-search-layout#abc { display: grid }
 
 @media only screen and (min-width: 1024px) {
-    atomic-search-layout#abc atomic-layout-section[section=\\"search\\"] {
+    atomic-search-layout#abc atomic-layout-section[section="search"] {
       justify-self: start;
       width: 80%;
     }
   }
 
-atomic-search-layout#abc atomic-layout-section[section=\\"status\\"] atomic-sort-dropdown {
+atomic-search-layout#abc atomic-layout-section[section="status"] atomic-sort-dropdown {
       display: none;
     }
 
     @media only screen and (min-width: 1024px) {
-     atomic-search-layout#abc atomic-layout-section[section=\\"status\\"] atomic-sort-dropdown {
+     atomic-search-layout#abc atomic-layout-section[section="status"] atomic-sort-dropdown {
        display: block;
       }
 
-      atomic-search-layout#abc atomic-layout-section[section=\\"status\\"] atomic-refine-toggle {
+      atomic-search-layout#abc atomic-layout-section[section="status"] atomic-refine-toggle {
         display: none;
        }
     }
 
 @media only screen and (min-width: 1024px) {
-      atomic-search-layout#abc atomic-layout-section[section=\\"horizontal-facets\\"] > atomic-popover:not(.atomic-hidden) {
+      atomic-search-layout#abc atomic-layout-section[section="horizontal-facets"] > atomic-popover:not(.atomic-hidden) {
         display: block;
       }
     }"
@@ -77,14 +77,14 @@ exports[`Search Layout #buildSearchLayout when the atomic-search-layout componen
 "atomic-search-layout#abc { display: grid }
 
 @media only screen and (min-width: 1024px) {
-    atomic-search-layout#abc atomic-layout-section[section=\\"search\\"] {
+    atomic-search-layout#abc atomic-layout-section[section="search"] {
       justify-self: start;
       width: 80%;
     }
   }
 
 @media only screen and (min-width: 1024px) {
-      atomic-search-layout#abc atomic-layout-section[section=\\"horizontal-facets\\"] > atomic-popover:not(.atomic-hidden) {
+      atomic-search-layout#abc atomic-layout-section[section="horizontal-facets"] > atomic-popover:not(.atomic-hidden) {
         display: block;
       }
     }"
@@ -95,7 +95,7 @@ exports[`Search Layout #buildSearchLayout when the atomic-search-layout has cust
 "atomic-search-layout#abc { display: grid }
 
 @media only screen and (min-width: 1024px) {
-    atomic-search-layout#abc atomic-layout-section[section=\\"search\\"] {
+    atomic-search-layout#abc atomic-layout-section[section="search"] {
       justify-self: start;
       width: 80%;
     }
@@ -118,13 +118,13 @@ exports[`Search Layout #buildSearchLayout when the atomic-search-layout has cust
           '. atomic-section-facets .                     .';
       }
 
-      atomic-search-interface:not(.atomic-search-interface-no-results, .atomic-search-interface-error) atomic-search-layout#abc atomic-layout-section[section=\\"facets\\"] {
+      atomic-search-interface:not(.atomic-search-interface-no-results, .atomic-search-interface-error) atomic-search-layout#abc atomic-layout-section[section="facets"] {
         display: block;
       }
     }
 
 @media only screen and (min-width: 1024px) {
-      atomic-search-layout#abc atomic-layout-section[section=\\"horizontal-facets\\"] > atomic-popover:not(.atomic-hidden) {
+      atomic-search-layout#abc atomic-layout-section[section="horizontal-facets"] > atomic-popover:not(.atomic-hidden) {
         display: block;
       }
     }"

packages/atomic/src/utils/initialization-utils.spec.ts

@@ -193,7 +193,7 @@ describe('BindStateToController decorator', () => {
     });
 
     it('should subscribe to the controller', () => {
-      spyOn(controller, 'subscribe');
+      jest.spyOn(controller, 'subscribe');
       BindStateToController('controller')(component, 'controllerState');
       component.initialize!();
 

packages/atomic/src/utils/result-utils.spec.ts

@@ -37,7 +37,7 @@ describe('buildStringTemplateFromResult', () => {
   });
 
   it('should snip out objects that cannot be evaluated properly and log a warning', () => {
-    spyOn(engine.logger, 'warn');
+    jest.spyOn(engine.logger, 'warn');
     expect(
       buildStringTemplateFromResult(
         '${title}/${raw.notafield}',

packages/atomic/svg.transform.js

@@ -1,6 +1,6 @@
 module.exports = {
   process() {
-    return 'module.exports = {};';
+    return {code: 'module.exports = {};'};
   },
   getCacheKey() {
     // The output is always the same.

scripts/reports/title/verify-title.mjs

@@ -1,12 +1,7 @@
-import _lint from '@commitlint/lint';
-import _load from '@commitlint/load';
+import lint from '@commitlint/lint';
+import load from '@commitlint/load';
 import {getPullRequestTitle} from '../github-client.mjs';
 
-/** @type {import('@commitlint/lint').default} */
-const lint = _lint['default'];
-/** @type {import('@commitlint/load').default} */
-const load = _load['default'];
-
 const specUrl = 'https://www.conventionalcommits.org/en/v1.0.0/#summary';
 
 async function analyze(title) {