Fix/solve snapshots tests failing node 18

packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js

@@ -37,6 +37,23 @@ jest.spyOn(axiosInstance, 'get').mockResolvedValue({
 
 jest.spyOn(Date, 'now').mockImplementation(() => new Date('2015-10-01T08:00:00.000Z'));
 
+// TO BE REMOVED: we have added this mock to prevent errors in the snapshots caused by the Unicode space character
+// before AM/PM in the dates, after the introduction of node 18.13
+jest.mock('react-intl', () => {
+  const reactIntl = jest.requireActual('react-intl');
+  const intl = reactIntl.createIntl({
+    locale: 'en',
+  });
+
+  intl.formatDate = jest.fn(() => '11/15/2021');
+  intl.formatTime = jest.fn(() => '12:00 AM');
+
+  return {
+    ...reactIntl,
+    useIntl: () => intl,
+  };
+});
+
 const client = new QueryClient({
   defaultOptions: {
     queries: {

packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js

@@ -13,6 +13,38 @@ import { createMemoryHistory } from 'history';
 import qs from 'qs';
 import FilterListURLQuery from '../index';
 
+// TO BE REMOVED: we have added this mock to prevent errors in the snapshots caused by the Unicode space character
+// before AM/PM in the dates, after the introduction of node 18.13
+jest.mock('react-intl', () => {
+  const reactIntl = jest.requireActual('react-intl');
+  const intl = reactIntl.createIntl({
+    locale: 'en',
+    messages: {
+      'components.FilterOptions.FILTER_TYPES.$eq': 'is',
+      'components.FilterOptions.FILTER_TYPES.$ne': 'is not',
+      'components.FilterOptions.FILTER_TYPES.$contains': 'contains (case sensitive)',
+      'components.FilterOptions.FILTER_TYPES.$notContains': 'does not contain (case sensitive)',
+      'components.FilterOptions.FILTER_TYPES.$gt': 'is greater than',
+      'components.FilterOptions.FILTER_TYPES.$gte': 'is greater than or equal to',
+      'components.FilterOptions.FILTER_TYPES.$lt': 'is lower than',
+      'components.FilterOptions.FILTER_TYPES.$lte': 'is lower than or equal to',
+      'components.FilterOptions.FILTER_TYPES.$startsWith': 'starts with',
+      'components.FilterOptions.FILTER_TYPES.$endsWith': 'ends with',
+      'components.FilterOptions.FILTER_TYPES.$null': 'is null',
+      'components.FilterOptions.FILTER_TYPES.$notNull': 'is not null',
+    },
+    textComponent: 'span',
+  });
+
+  intl.formatDate = jest.fn(() => 'Wednesday, September 1, 2021');
+  intl.formatTime = jest.fn(() => '12:45 AM');
+
+  return {
+    ...reactIntl,
+    useIntl: () => intl,
+  };
+});
+
 const makeApp = (history, filtersSchema) => (
   <Router history={history}>
     <ThemeProvider theme={lightTheme}>

packages/core/helper-plugin/lib/src/components/RelativeTime/tests/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
+import { IntlProvider, useIntl } from 'react-intl';
 import { ThemeProvider, lightTheme } from '@strapi/design-system';
 import RelativeTime from '../index';
 
@@ -12,6 +12,17 @@ const App = (
   </ThemeProvider>
 );
 
+// TO BE REMOVED: we have added this mock to prevent errors in the snapshots caused by the Unicode space character
+// before AM/PM in the dates, after the introduction of node 18.13
+jest.mock('react-intl', () => ({
+  ...jest.requireActual('react-intl'),
+  useIntl: jest.fn(() => ({
+    formatDate: jest.fn(() => '10/1/2015'),
+    formatTime: jest.fn(() => '7:55 AM'),
+    formatRelativeTime: jest.fn(() => '5 minutes ago'),
+  })),
+}));
+
 describe('RelativeTime', () => {
   beforeEach(() => {
     jest.spyOn(Date, 'now').mockImplementation(() => new Date('2015-10-01 08:00:00'));
@@ -37,6 +48,11 @@ describe('RelativeTime', () => {
   });
 
   it('can display the relative time for a future date', () => {
+    useIntl.mockReturnValueOnce({
+      formatDate: jest.fn(() => '10/1/2015'),
+      formatTime: jest.fn(() => '7:50 AM'),
+      formatRelativeTime: jest.fn(() => 'in 5 minutes'),
+    });
     jest.spyOn(Date, 'now').mockImplementation(() => new Date('2015-10-01 07:50:00'));
 
     render(App);
@@ -45,6 +61,11 @@ describe('RelativeTime', () => {
   });
 
   it('can display the relative time for a past date', () => {
+    useIntl.mockReturnValueOnce({
+      formatDate: jest.fn(() => '10/1/2015'),
+      formatTime: jest.fn(() => '8:00 AM'),
+      formatRelativeTime: jest.fn(() => '5 minutes ago'),
+    });
     jest.spyOn(Date, 'now').mockImplementation(() => new Date('2015-10-01 08:00:00'));
 
     render(App);