gatsby-core-theme 44.10.1 → 44.10.12-beta.1

package/src/components/molecules/footer/variants/template-three/template-three.test.js

@@ -1,16 +1,16 @@
 /* eslint-disable no-restricted-syntax */
-import React from 'react';
-import { render, cleanup, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import React from "react";
+import { render, cleanup, waitFor } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
 
-import { getExtraField, copyrightText } from 'gatsby-core-theme/src/helpers/getters';
-import MainProvider from '~context/MainProvider';
-import getFooterData from '../../../../../../tests/factories/modules/footer.factory';
-import Security from '~images/icons/security';
-import TemplateOne from '.';
+import { getExtraField, copyrightText } from "~helpers/getters";
+import MainProvider from "~context/MainProvider";
+import getFooterData from "../../../../../../tests/factories/modules/footer.factory";
+import Security from "~images/icons/security";
+import TemplateOne from ".";
 
 const translations = {
-  licensed_casinos: 'We only list licensed casinos',
+  licensed_casinos: "We only list licensed casinos",
 };
 
 const helpText = `
@@ -23,7 +23,7 @@ const helpText = `
   </a>
   in order to get help.
 </p>`;
-const phoneNum = '- 89 241 5401';
+const phoneNum = "- 89 241 5401";
 
 const dmcaImg = (
   <img
@@ -57,18 +57,21 @@ let footerLogos;
 
 beforeEach(() => {
   data = getFooterData();
-  footerMenu = getExtraField(data?.extra_fields, 'links');
-  asSeenOn = getExtraField(data?.extra_fields, 'as_seen_on');
-  gamblingText = getExtraField(data?.extra_fields, 'gambling_text');
-  socialIcons = getExtraField(data?.extra_fields, 'social_icons');
-  copyrightDisclaimer = getExtraField(data.extra_fields, 'copyright_disclaimer');
-  footerLogos = getExtraField(data?.extra_fields, 'logos');
+  footerMenu = getExtraField(data?.extra_fields, "links");
+  asSeenOn = getExtraField(data?.extra_fields, "as_seen_on");
+  gamblingText = getExtraField(data?.extra_fields, "gambling_text");
+  socialIcons = getExtraField(data?.extra_fields, "social_icons");
+  copyrightDisclaimer = getExtraField(
+    data.extra_fields,
+    "copyright_disclaimer"
+  );
+  footerLogos = getExtraField(data?.extra_fields, "logos");
 
   props = {
     section: data,
-    template: 'default',
+    template: "default",
     hasFooterLinks: false,
-    footerTemplate: 'template_one',
+    footerTemplate: "template_one",
     showLinks: true,
     copyrightDisclaimer,
     footerLogos,
@@ -78,88 +81,100 @@ beforeEach(() => {
     socialIcons,
     hasDisclaimer: true,
     showCopyright: true,
-    logo: '/images/logo.svg',
+    logo: "/images/logo.svg",
     securityIcon: <Security />,
     helpText,
     phoneNum,
     dmcaImg,
   };
 });
-describe('Show template one', () => {
-  test('render with props', () => {
+describe("Show template one", () => {
+  test("render with props", () => {
     const { container } = renderComponent(props);
     expect(container).toBeTruthy();
   });
-  test('show correct template ', async () => {
+  test("show correct template ", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.footer.templateThree').length).toBe(1);
+      expect(container.querySelectorAll(".footer.templateThree").length).toBe(
+        1
+      );
     });
   });
-  test('show as seen on', async () => {
+  test("show as seen on", async () => {
     const { container, getByText } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('footer > div')).toHaveLength(2);
-      expect(container.querySelectorAll('.asSeenOn')).toHaveLength(1);
+      expect(container.querySelectorAll("footer > div")).toHaveLength(2);
+      expect(container.querySelectorAll(".asSeenOn")).toHaveLength(1);
 
       // show correct title
-      expect(getByText('As Seen On:')).toHaveTextContent(`${asSeenOn.title}:`);
+      expect(getByText("As Seen On:")).toHaveTextContent(`${asSeenOn.title}:`);
 
       // show correct number of logos
-      expect(container.querySelectorAll('.asSeenOn li')).toHaveLength(3);
+      expect(container.querySelectorAll(".asSeenOn li")).toHaveLength(3);
     });
   });
-  test('hide as seen on', async () => {
+  test("hide as seen on", async () => {
     props = {
       ...props,
       asSeenOn: null,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('footer > div')).toHaveLength(1);
+      expect(container.querySelectorAll("footer > div")).toHaveLength(1);
     });
   });
-  test('render menu list', async () => {
+  test("render menu list", async () => {
     const { container, getByText } = renderComponent(props);
 
     await waitFor(() => {
-      expect(container.querySelectorAll('.topPart')).toHaveLength(1);
-      expect(container.querySelectorAll('.links')).toHaveLength(1);
-      expect(container.querySelectorAll('.links ul')).toHaveLength(footerMenu.children.length);
+      expect(container.querySelectorAll(".topPart")).toHaveLength(1);
+      expect(container.querySelectorAll(".links")).toHaveLength(1);
+      expect(container.querySelectorAll(".links ul")).toHaveLength(
+        footerMenu.children.length
+      );
 
       // show correct title
       expect(getByText(footerMenu.children[0].title)).toBeTruthy();
       expect(getByText(footerMenu.children[2].title)).toBeTruthy();
 
       // show correct number of child lists
-      expect(getByText(footerMenu.children[1].title).closest('ul').children).toHaveLength(7);
-      expect(getByText(footerMenu.children[2].title).closest('ul').children).toHaveLength(6);
+      expect(
+        getByText(footerMenu.children[1].title).closest("ul").children
+      ).toHaveLength(7);
+      expect(
+        getByText(footerMenu.children[2].title).closest("ul").children
+      ).toHaveLength(6);
 
       // show correct url
       expect(
-        getByText(footerMenu.children[1].children[0].title).closest('a').getAttribute('href')
+        getByText(footerMenu.children[1].children[0].title)
+          .closest("a")
+          .getAttribute("href")
       ).toEqual(`/${footerMenu.children[1].children[0].value}`);
       expect(
-        getByText(footerMenu.children[2].children[2].title).closest('a').getAttribute('href')
+        getByText(footerMenu.children[2].children[2].title)
+          .closest("a")
+          .getAttribute("href")
       ).toEqual(`/${footerMenu.children[2].children[2].value}`);
     });
   });
-  test('hide menu list', async () => {
+  test("hide menu list", async () => {
     props = {
       ...props,
       showLinks: null,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.links')).toHaveLength(0);
-      expect(container.querySelectorAll('.links ul')).toHaveLength(0);
+      expect(container.querySelectorAll(".links")).toHaveLength(0);
+      expect(container.querySelectorAll(".links ul")).toHaveLength(0);
     });
   });
-  test('hide gambling text', async () => {
+  test("hide gambling text", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.license > div')).toHaveLength(4);
-      expect(container.querySelectorAll('.gamblingText')).toHaveLength(1);
+      expect(container.querySelectorAll(".license > div")).toHaveLength(4);
+      expect(container.querySelectorAll(".gamblingText")).toHaveLength(1);
     });
   });
   // test('correct security text', async () => {
@@ -172,79 +187,89 @@ describe('Show template one', () => {
   //     ).toContain('securityText');
   //   });
   // });
-  test('footer middle part does not show another as seen on', async () => {
+  test("footer middle part does not show another as seen on", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.footerHotline > div')).toHaveLength(1);
-      expect(container.querySelectorAll('.footerHotline .asSeenOn')).toHaveLength(0);
+      expect(container.querySelectorAll(".footerHotline > div")).toHaveLength(
+        1
+      );
+      expect(
+        container.querySelectorAll(".footerHotline .asSeenOn")
+      ).toHaveLength(0);
     });
   });
-  test('correct help text', async () => {
+  test("correct help text", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.helpText')).toBeTruthy();
-      expect(container.querySelector('.helpText').innerHTML).toBe(helpText);
+      expect(container.querySelector(".helpText")).toBeTruthy();
+      expect(container.querySelector(".helpText").innerHTML).toBe(helpText);
     });
   });
-  test('correct phone number', async () => {
+  test("correct phone number", async () => {
     const { getByText, container } = renderComponent(props);
     await waitFor(() => {
       expect(getByText(phoneNum)).toBeTruthy();
-      expect(container.querySelector('.phoneNum').innerHTML.split('</svg>')[1]).toBe(phoneNum);
+      expect(
+        container.querySelector(".phoneNum").innerHTML.split("</svg>")[1]
+      ).toBe(phoneNum);
     });
   });
-  test('show copyright disclaimer', async () => {
+  test("show copyright disclaimer", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.copyrightDisclaimer')).toBeTruthy();
+      expect(container.querySelectorAll(".copyrightDisclaimer")).toBeTruthy();
 
-      expect(container.querySelector('.copyrightDisclaimer').innerHTML).toBe(copyrightDisclaimer);
+      expect(container.querySelector(".copyrightDisclaimer").innerHTML).toBe(
+        copyrightDisclaimer
+      );
     });
   });
-  test('show copyright', async () => {
+  test("show copyright", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.copyrightText')).toHaveTextContent(copyrightText());
+      expect(container.querySelector(".copyrightText")).toHaveTextContent(
+        copyrightText()
+      );
     });
   });
-  test('hide copyright', async () => {
+  test("hide copyright", async () => {
     props = {
       ...props,
       showCopyright: false,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.copyrightText')).toBeFalsy();
+      expect(container.querySelector(".copyrightText")).toBeFalsy();
     });
   });
-  test('show dmca image', async () => {
+  test("show dmca image", async () => {
     // eslint-disable-next-line global-require
-    const func = require('gatsby-core-theme/src/helpers/device-detect');
+    const func = require("~helpers/device-detect");
     func.isNativeImageLazyLoadingSupported = jest.fn(() => true);
     props = {
       ...props,
       showCopyright: false,
-      dmcaImage: '/images/dmca.png',
+      dmcaImage: "/images/dmca.png",
     };
     const { container } = renderComponent(props);
-    expect(container.querySelector('.logos > a').querySelector('img')).toBeTruthy();
-    expect(container.querySelector('.logos > a').querySelector('img')).toHaveAttribute(
-      'src',
-      '/images/dmca.png'
-    );
-    expect(container.querySelector('.logos > a').querySelector('img')).toHaveAttribute(
-      'loading',
-      'lazy'
-    );
+    expect(
+      container.querySelector(".logos > a").querySelector("img")
+    ).toBeTruthy();
+    expect(
+      container.querySelector(".logos > a").querySelector("img")
+    ).toHaveAttribute("src", "/images/dmca.png");
+    expect(
+      container.querySelector(".logos > a").querySelector("img")
+    ).toHaveAttribute("loading", "lazy");
   });
-  test('hide dmca image', async () => {
+  test("hide dmca image", async () => {
     props = {
       ...props,
       hasDisclaimer: false,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.logos > a')).toBeFalsy();
+      expect(container.querySelector(".logos > a")).toBeFalsy();
     });
   });
 });

package/src/components/molecules/footer/variants/template-two/template-two.stories.js

@@ -7,11 +7,11 @@ import {
   PRIMARY_STORY,
   ArgsTable,
 } from "@storybook/addon-docs/blocks";
-import { getExtraField } from "gatsby-core-theme/src/helpers/getters";
+import { getExtraField } from "~helpers/getters";
 import getFooterData from "../../../../../../tests/factories/modules/footer.factory";
-import dmca from '../../../../../../static/images/dmca.png';
+import dmca from "../../../../../../static/images/dmca.png";
 import logo from "../../../../../../static/images/logo.svg";
-import Security from '~images/icons/security';
+import Security from "~images/icons/security";
 import TemplateTwo from ".";
 
 const footerData = getFooterData();

package/src/components/molecules/footer/variants/template-two/template-two.test.js

@@ -1,15 +1,15 @@
 /* eslint-disable no-restricted-syntax */
-import React from 'react';
-import { render, cleanup, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import { getExtraField, copyrightText } from 'gatsby-core-theme/src/helpers/getters';
-import MainProvider from '~context/MainProvider';
-import Security from '~images/icons/security';
-import getFooterData from '../../../../../../tests/factories/modules/footer.factory';
-import TemplateOne from '.';
+import React from "react";
+import { render, cleanup, waitFor } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import { getExtraField, copyrightText } from "~helpers/getters";
+import MainProvider from "~context/MainProvider";
+import Security from "~images/icons/security";
+import getFooterData from "../../../../../../tests/factories/modules/footer.factory";
+import TemplateOne from ".";
 
 const translations = {
-  licensed_casinos: 'We only list licensed casinos',
+  licensed_casinos: "We only list licensed casinos",
 };
 
 const helpText = `
@@ -22,7 +22,7 @@ const helpText = `
   </a>
   in order to get help.
 </p>`;
-const phoneNum = '- 89 241 5401';
+const phoneNum = "- 89 241 5401";
 
 const dmcaImg = (
   <img
@@ -56,18 +56,21 @@ let footerLogos;
 
 beforeEach(() => {
   data = getFooterData();
-  footerMenu = getExtraField(data?.extra_fields, 'links');
-  asSeenOn = getExtraField(data?.extra_fields, 'as_seen_on');
-  gamblingText = getExtraField(data?.extra_fields, 'gambling_text');
-  socialIcons = getExtraField(data?.extra_fields, 'social_icons');
-  copyrightDisclaimer = getExtraField(data.extra_fields, 'copyright_disclaimer');
-  footerLogos = getExtraField(data?.extra_fields, 'logos');
+  footerMenu = getExtraField(data?.extra_fields, "links");
+  asSeenOn = getExtraField(data?.extra_fields, "as_seen_on");
+  gamblingText = getExtraField(data?.extra_fields, "gambling_text");
+  socialIcons = getExtraField(data?.extra_fields, "social_icons");
+  copyrightDisclaimer = getExtraField(
+    data.extra_fields,
+    "copyright_disclaimer"
+  );
+  footerLogos = getExtraField(data?.extra_fields, "logos");
 
   props = {
     section: data,
-    template: 'default',
+    template: "default",
     hasFooterLinks: false,
-    footerTemplate: 'template_one',
+    footerTemplate: "template_one",
     showLinks: true,
     copyrightDisclaimer,
     footerLogos,
@@ -77,95 +80,109 @@ beforeEach(() => {
     socialIcons,
     hasDisclaimer: true,
     showCopyright: true,
-    logo: '/images/logo.svg',
+    logo: "/images/logo.svg",
     securityIcon: <Security />,
     helpText,
     phoneNum,
     dmcaImg,
   };
 });
-describe('Show template one', () => {
-  test('render with props', () => {
+describe("Show template one", () => {
+  test("render with props", () => {
     const { container } = renderComponent(props);
     expect(container).toBeTruthy();
   });
-  test('show correct template ', async () => {
+  test("show correct template ", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.footer.templateTwo').length).toBe(1);
+      expect(container.querySelectorAll(".footer.templateTwo").length).toBe(1);
     });
   });
-  test('show as seen on in the middle, not top', async () => {
+  test("show as seen on in the middle, not top", async () => {
     const { container, getByText } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('footer > div')).toHaveLength(1);
-      expect(container.querySelectorAll('.asSeenOn')).toHaveLength(1);
+      expect(container.querySelectorAll("footer > div")).toHaveLength(1);
+      expect(container.querySelectorAll(".asSeenOn")).toHaveLength(1);
 
       // show correct title
-      expect(getByText('As Seen On:')).toHaveTextContent(`${asSeenOn.title}:`);
+      expect(getByText("As Seen On:")).toHaveTextContent(`${asSeenOn.title}:`);
 
       // show correct number of logos
-      expect(container.querySelectorAll('.asSeenOn li')).toHaveLength(3);
+      expect(container.querySelectorAll(".asSeenOn li")).toHaveLength(3);
     });
   });
-  test('footer middle part shows as seen on', async () => {
+  test("footer middle part shows as seen on", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.footerHotline > div')).toHaveLength(2);
-      expect(container.querySelectorAll('.footerHotline .asSeenOn')).toHaveLength(1);
+      expect(container.querySelectorAll(".footerHotline > div")).toHaveLength(
+        2
+      );
+      expect(
+        container.querySelectorAll(".footerHotline .asSeenOn")
+      ).toHaveLength(1);
     });
   });
-  test('hide as seen on', async () => {
+  test("hide as seen on", async () => {
     props = {
       ...props,
       asSeenOn: null,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.asSeenOn')).toHaveLength(0);
+      expect(container.querySelectorAll(".asSeenOn")).toHaveLength(0);
     });
   });
-  test('render menu list', async () => {
+  test("render menu list", async () => {
     const { container, getByText } = renderComponent(props);
 
     await waitFor(() => {
-      expect(container.querySelectorAll('.topPart')).toHaveLength(1);
-      expect(container.querySelectorAll('.links')).toHaveLength(1);
-      expect(container.querySelectorAll('.links ul')).toHaveLength(footerMenu.children.length);
+      expect(container.querySelectorAll(".topPart")).toHaveLength(1);
+      expect(container.querySelectorAll(".links")).toHaveLength(1);
+      expect(container.querySelectorAll(".links ul")).toHaveLength(
+        footerMenu.children.length
+      );
 
       // show correct title
       expect(getByText(footerMenu.children[0].title)).toBeTruthy();
       expect(getByText(footerMenu.children[2].title)).toBeTruthy();
 
       // show correct number of child lists
-      expect(getByText(footerMenu.children[1].title).closest('ul').children).toHaveLength(7);
-      expect(getByText(footerMenu.children[2].title).closest('ul').children).toHaveLength(6);
+      expect(
+        getByText(footerMenu.children[1].title).closest("ul").children
+      ).toHaveLength(7);
+      expect(
+        getByText(footerMenu.children[2].title).closest("ul").children
+      ).toHaveLength(6);
 
       // show correct url
       expect(
-        getByText(footerMenu.children[1].children[0].title).closest('a').getAttribute('href')
+        getByText(footerMenu.children[1].children[0].title)
+          .closest("a")
+          .getAttribute("href")
       ).toEqual(`/${footerMenu.children[1].children[0].value}`);
       expect(
-        getByText(footerMenu.children[2].children[2].title).closest('a').getAttribute('href')
+        getByText(footerMenu.children[2].children[2].title)
+          .closest("a")
+          .getAttribute("href")
       ).toEqual(`/${footerMenu.children[2].children[2].value}`);
     });
   });
-  test('hide menu list', async () => {
+  test("hide menu list", async () => {
     props = {
       ...props,
       showLinks: null,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.links')).toHaveLength(0);
-      expect(container.querySelectorAll('.links ul')).toHaveLength(0);
+      expect(container.querySelectorAll(".links")).toHaveLength(0);
+      expect(container.querySelectorAll(".links ul")).toHaveLength(0);
     });
   });
-  test('show gambling text', async () => {
+  test("show gambling text", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.license > div')).toHaveLength(4);
-      expect(container.querySelectorAll('.gamblingText')).toHaveLength(1);
+      expect(container.querySelectorAll(".license > div")).toHaveLength(4);
+      expect(container.querySelectorAll(".gamblingText")).toHaveLength(1);
     });
   });
   // test('correct security text', async () => {
@@ -178,72 +195,78 @@ describe('Show template one', () => {
   //     ).toContain('securityText');
   //   });
   // });
-  test('correct help text', async () => {
+  test("correct help text", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.helpText')).toBeTruthy();
-      expect(container.querySelector('.helpText').innerHTML).toBe(helpText);
+      expect(container.querySelector(".helpText")).toBeTruthy();
+      expect(container.querySelector(".helpText").innerHTML).toBe(helpText);
     });
   });
-  test('correct phone number', async () => {
+  test("correct phone number", async () => {
     const { getByText, container } = renderComponent(props);
     await waitFor(() => {
       expect(getByText(phoneNum)).toBeTruthy();
-      expect(container.querySelector('.phoneNum').innerHTML.split('</svg>')[1]).toBe(phoneNum);
+      expect(
+        container.querySelector(".phoneNum").innerHTML.split("</svg>")[1]
+      ).toBe(phoneNum);
     });
   });
-  test('show copyright disclaimer', async () => {
+  test("show copyright disclaimer", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelectorAll('.copyrightDisclaimer')).toBeTruthy();
+      expect(container.querySelectorAll(".copyrightDisclaimer")).toBeTruthy();
 
-      expect(container.querySelector('.copyrightDisclaimer').innerHTML).toBe(copyrightDisclaimer);
+      expect(container.querySelector(".copyrightDisclaimer").innerHTML).toBe(
+        copyrightDisclaimer
+      );
     });
   });
-  test('show copyright', async () => {
+  test("show copyright", async () => {
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.copyrightText')).toHaveTextContent(copyrightText());
+      expect(container.querySelector(".copyrightText")).toHaveTextContent(
+        copyrightText()
+      );
     });
   });
-  test('hide copyright', async () => {
+  test("hide copyright", async () => {
     props = {
       ...props,
       showCopyright: false,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.copyrightText')).toBeFalsy();
+      expect(container.querySelector(".copyrightText")).toBeFalsy();
     });
   });
-  test('show dmca image', async () => {
+  test("show dmca image", async () => {
     // eslint-disable-next-line global-require
-    const func = require('gatsby-core-theme/src/helpers/device-detect');
+    const func = require("~helpers/device-detect");
     func.isNativeImageLazyLoadingSupported = jest.fn(() => true);
     props = {
       ...props,
       showCopyright: false,
-      dmcaImage: '/images/dmca.png',
+      dmcaImage: "/images/dmca.png",
     };
     const { container } = renderComponent(props);
-    expect(container.querySelector('.logos > a').querySelector('img')).toBeTruthy();
-    expect(container.querySelector('.logos > a').querySelector('img')).toHaveAttribute(
-      'src',
-      '/images/dmca.png'
-    );
-    expect(container.querySelector('.logos > a').querySelector('img')).toHaveAttribute(
-      'loading',
-      'lazy'
-    );
+    expect(
+      container.querySelector(".logos > a").querySelector("img")
+    ).toBeTruthy();
+    expect(
+      container.querySelector(".logos > a").querySelector("img")
+    ).toHaveAttribute("src", "/images/dmca.png");
+    expect(
+      container.querySelector(".logos > a").querySelector("img")
+    ).toHaveAttribute("loading", "lazy");
   });
-  test('hide dmca image', async () => {
+  test("hide dmca image", async () => {
     props = {
       ...props,
       hasDisclaimer: false,
     };
     const { container } = renderComponent(props);
     await waitFor(() => {
-      expect(container.querySelector('.logos > a')).toBeFalsy();
+      expect(container.querySelector(".logos > a")).toBeFalsy();
     });
   });
 });