gatsby-core-theme 2.2.6 → 5.0.0

package/src/hooks/link/link.test.js

@@ -1,5 +1,7 @@
+/* eslint-disable jsx-a11y/anchor-is-valid */
+/* eslint-disable no-unused-expressions */
 import React from 'react';
-import { render, cleanup } from '@testing-library/react';
+import { render, cleanup, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import Link from '.';
 
@@ -32,6 +34,45 @@ describe('Link Component', () => {
     );
     expect(getByText('Test Content').closest('a').classList.contains('test-gtm')).toBe(true);
   });
+  test('with window.location.pathname: /preview', () => {
+    delete global.window.location;
+    global.window = Object.create(window);
+    global.window.location = {
+      pathname: '/preview',
+    };
+
+    const { container } = render(
+      <Link to="test/link">
+        <span>Just Test</span>
+      </Link>
+    );
+
+    expect(container.querySelectorAll('a')).toHaveLength(1);
+    expect(container.querySelectorAll('a')[0]).toHaveAttribute('href', 'test/link');
+    const ahref = container.querySelector('a');
+    // eslint-disable-next-line no-lone-blocks
+    {
+      ahref && fireEvent.click(ahref);
+    }
+  });
+
+  test('Without to false ', () => {
+    const { getByText } = render(
+      <Link to="">
+        <span>Just Test</span>
+      </Link>
+    );
+    expect(getByText('Just Test')).toBeTruthy();
+  });
+
+  test('Without to ', () => {
+    const { getByText } = render(
+      <Link to="">
+        <span>Just Test 2</span>
+      </Link>
+    );
+    expect(getByText('Just Test 2')).toBeTruthy();
+  });
 });
 afterEach(() => {
   cleanup();

package/src/hooks/tabs/tab/tab.test.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { render, cleanup } from '@testing-library/react';
+
+import Tab from './tab';
+
+describe('Tab component', () => {
+  test(' activeTab and tabId have not same props', () => {
+    const { container, getByText } = render(<Tab label="test" activeTab="2" tabId="3" />);
+    expect(getByText('test')).toBeTruthy();
+    expect(container.querySelectorAll('li')).toHaveLength(1);
+    expect(container.querySelectorAll('button')).toHaveLength(1);
+  });
+
+  test('activeTab and  tabId have same props', () => {
+    const { container, getByText } = render(<Tab label="test2" activeTab="2" tabId="2" />);
+    expect(getByText('test2'));
+    expect(container.querySelector('button')).toHaveAttribute(
+      'class',
+      ' active  tabs-menu-gtm btn-cta'
+    );
+    expect(container.querySelectorAll('li')).toHaveLength(1);
+    expect(container.querySelectorAll('button')).toHaveLength(1);
+  });
+
+  test('activeTab and  tabId have same props and active class name', () => {
+    const { container, getByText } = render(
+      <Tab label="test3" activeTab="2" tabId="2" activeTabClass="activeTabClassTest" />
+    );
+    expect(getByText('test3'));
+    expect(container.querySelector('button')).toHaveAttribute(
+      'class',
+      ' activeTabClassTest  tabs-menu-gtm btn-cta'
+    );
+    expect(container.querySelectorAll('li')).toHaveLength(1);
+    expect(container.querySelectorAll('button')).toHaveLength(1);
+  });
+});
+
+afterEach(() => {
+  cleanup();
+});

package/src/styles/utils/variables/_main.scss

@@ -9,7 +9,7 @@
   --secondary-text-color: var(--color-4);
   --heading-base-color: var(--color-12);
   --text-link-color: var(--color-13);
-  --full-star-fill-color: #fba62f;  
+  --full-star-fill-color: #fba62f;
   --full-star-border-color: #fba62f;
   --halfFull-star-fill-color: #fba62f;
   --halfEmpty-star-fill-color: white;
@@ -85,6 +85,8 @@
   --second-table-background: var(--color-17);
   --secondary-module-background: var(--color-42);
 
+  --pagination-with-midpoints-color: #ccc;
+
   // HTML Sitemap
   --template-name-icon-background: #ff893f;
   --page-number-background: #393939;

package/tests/envVars.js

@@ -1,4 +1,4 @@
-process.env.GATSBY_SITE_NAME = 'norskespilleautomater.com';
+process.env.GATSBY_SITE_NAME = 'Irishluck.ie';
 process.env.GATSBY_SITE_URL = 'http://urltest.com/';
 process.env.IMAGE_CDN_URL = 'https://cdn.images.com';
 process.env.TRACKER_LINK_FORMAT_MAIN = '[no],[visit],short_name';

package/tests/factories/modules/content.factory.js

@@ -1,11 +1,14 @@
 /**
  * @description Factory to retrieve data related to content (Main, Sidebar and Body) those contents can be everywhere
  */
-
-export function getSingleContentData(module_title_tag = 'h2', contentIndex = 1) {
+export function getSingleContentData(
+  module_title_tag = 'h2',
+  contentIndex = 1,
+  moduleTitle = 'Test Content '
+) {
   const contentData = {
     module_title_tag,
-    module_title: `Test Content ${contentIndex}`,
+    module_title: `${moduleTitle} ${contentIndex}`,
     value: `<p><i>Hello</i> I am content ${contentIndex}</p><img src="#" alt="test image">`,
   };
 

package/tests/factories/modules/modules.factory.js

@@ -0,0 +1,152 @@
+/* eslint-disable no-console */
+import { getListContentData } from '~tests/factories/modules/content.factory';
+// import { sampleGameCards } from '~tests/factories/modules/card.factory.js';
+import { getSpotlightItems } from '~tests/factories/modules/spotlights.factory.js';
+import { multiToplistData } from '~tests/factories/modules/toplist.factory.js';
+
+const BonusProps = {
+  value: {
+    review_link: 'https://www.irishluck.ie/leovegas-casino/',
+    rating: '4.8',
+    status: 'active',
+    logo_url: 'image-38.png',
+    url: 'https://www.leovegas.com',
+    short_name: 'leovegas',
+    name: 'LeoVegas Casino',
+  },
+  type: 'Bonus',
+  module_value_id: 245478,
+  name: 'bonus',
+};
+
+const archivesProp = {
+  items: [
+    {
+      title: 'title 1',
+      content: 'content 1',
+      label: 'label-1',
+      primary_action: '/primary_action',
+      secondary_action: '/secondary_action',
+    },
+    {
+      title: 'title 2',
+      content: 'content 2',
+      label: 'label-2',
+      primary_action: '/primary_action',
+      secondary_action: '/secondary_action',
+    },
+    {
+      title: 'title 3',
+      content: 'content 3',
+      label: 'label-3',
+      primary_action: '/primary_action',
+      secondary_action: '/secondary_action',
+    },
+  ],
+};
+
+const ProsAndCons = {
+  pros: ['TestPro'],
+  cons: ['TestCons'],
+  module_value_id: 245475,
+  name: 'pros_and_cons',
+  anchored: 0,
+  anchor_label: null,
+  anchor_slug: null,
+  module_title: null,
+  module_title_tag: null,
+  background_color: null,
+  style: null,
+  style_id: null,
+  see_more_link: {
+    type: 'page',
+    value: null,
+    title: null,
+  },
+};
+
+const accordionProps = {
+  items: [
+    {
+      title: 'Test Test',
+      content: '<p>This is just a jest</p>',
+    },
+  ],
+  module_value_id: 245476,
+  name: 'accordion',
+  anchored: 0,
+  anchor_label: null,
+  anchor_slug: null,
+  module_title: null,
+  module_title_tag: null,
+  background_color: null,
+  style: null,
+  style_id: null,
+  see_more_link: {
+    type: 'page',
+    value: null,
+    title: null,
+  },
+};
+
+const anchorProps = {
+  name: 'anchor',
+  module_title: 'Page Contents',
+  module_title_tag: 'h2',
+  items: [
+    {
+      label: 'Game Selection',
+      type: 'module',
+      slug: 'game-selection',
+    },
+  ],
+  module_value_id: 91620,
+};
+
+const imageProps = {
+  value: 'jumanji-slot-thumbnail.jpg',
+  value_object: {
+    width: '576',
+    height: '576',
+    url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/jumanji-slot-thumbnail.jpg',
+    filename: 'jumanji-slot-thumbnail.jpg',
+  },
+  title: 'Tets',
+  alignment: 'align_left',
+  alt: null,
+  module_value_id: 245479,
+  name: 'image',
+  anchored: 0,
+  anchor_label: null,
+  anchor_slug: null,
+  module_title: null,
+  module_title_tag: null,
+  background_color: null,
+  style: null,
+  style_id: null,
+  see_more_link: {
+    type: 'page',
+    value: null,
+    title: null,
+  },
+};
+
+// eslint-disable-next-line import/prefer-default-export
+export function objectsHolder(elm) {
+  if (!elm || elm == null || undefined) {
+    return null;
+  }
+  const data = {
+    content: getListContentData(3),
+    top_list: multiToplistData,
+    archive: archivesProp,
+    counter: [],
+    pros_and_cons: ProsAndCons,
+    accordion: accordionProps,
+    anchor: anchorProps,
+    bonus: BonusProps,
+    image: imageProps,
+    spotlights: getSpotlightItems(2),
+  };
+  return data[elm];
+}

package/tests/factories/modules/schema.factory.js

@@ -0,0 +1,87 @@
+// eslint-disable-next-line import/prefer-default-export
+export const schema = {
+  ie_en: {
+    1: [
+      {
+        title: 'Test Check',
+        path: 'test-check',
+        template_id: 1,
+      },
+      {
+        title: 'Just Test',
+        path: 'just-test',
+        template_id: 1,
+      },
+    ],
+    2: [
+      {
+        title: 'Betway Sports Ireland',
+        path: 'sports/betway',
+        template_id: 2,
+      },
+      {
+        title: 'Unibet Sportsbook Ireland',
+        path: 'sports/unibet',
+        template_id: 2,
+      },
+    ],
+  },
+};
+
+export const templatesInSchema = {
+  1: {
+    short_name: 'default',
+    sections: [
+      'navigation',
+      'social_share_buttons',
+      'breadcrumbs',
+      'footer',
+      'sidebar',
+      'main',
+      'links',
+      'header',
+    ],
+    breadcrumbs: {
+      25: [
+        {
+          page_id: 6236,
+          label: 'About us',
+          path: 'about-us',
+        },
+        {
+          page_id: 5907,
+          label: 'Casino Reviews',
+          path: 'casino-reviews',
+        },
+        {
+          page_id: 38434,
+          label: 'Casino Games',
+          path: 'casino-games',
+        },
+      ],
+    },
+  },
+  2: {
+    short_name: 'operator_review',
+    sections: [
+      'navigation',
+      'social_share_buttons',
+      'breadcrumbs',
+      'footer',
+      'sidebar',
+      'main',
+      'post_main_operators',
+      'header',
+      'links',
+    ],
+    breadcrumbs: {
+      25: [
+        {
+          page_id: 5907,
+          label: 'Casino Reviews',
+          path: 'casino-reviews',
+        },
+      ],
+    },
+  },
+};

package/tests/factories/pages/list.factory.js

@@ -26,7 +26,7 @@ export default function getPageDataList(length) {
     url: 'https://rizk.com',
     preconnect_links: ['1', '2', '3'],
     seo_json_schema: [],
-    sections: { main: {} },
+    sections: { main: { extra_fields: { logos: { value: 339, type: 'default' } } } },
     breadcrumbs: [
       {
         label: 'Sport',
@@ -50,6 +50,7 @@ export default function getPageDataList(length) {
             one_liner: 'Oneliner',
           },
         },
+        deposit_methods: {},
       },
       extra_fields: {
         summary_background: 'fe63f69ca1618cf2e7ff810197001dec.png',

package/tests/factories/pages/pages.factory.js

@@ -0,0 +1,192 @@
+export default {
+  site_markets: { za_en: [] },
+  pages: {
+    en: {
+      page: {
+        404: {
+          za_en: {
+            id: 99408,
+            market_id: 67,
+            updated_at: '2021-12-08',
+            created_at: '2021-12-08 16:15:50',
+            template_id: 97,
+            page_hreflang_group_id: null,
+            page_hreflang_combined: 0,
+            relation_id: 0,
+            relation_type: 'page',
+            market: 'za_en',
+            region_code: null,
+            author: null,
+            hard_coded_breadcrumbs: 0,
+            breadcrumb_ids: null,
+            categories: [],
+            author_id: null,
+            style_id: null,
+            language: 'en',
+            description: null,
+            meta_title: null,
+            meta_robots: null,
+            robot_options: {
+              page_index: 0,
+              links_followed: 0,
+              images_index: 0,
+              show_snippet: 0,
+            },
+            meta_description: null,
+            seo_keywords: null,
+            seo_raw_js: '',
+            seo_json_schema: null,
+            seo_json_schemas: [],
+            page_custom_hreflangs: null,
+            title: '404 Page',
+            vanity_label: null,
+            path: '404',
+            type: 'page',
+            template: 'default',
+            extra_fields: [],
+            banner: null,
+            featured_image: null,
+            canonical_url: null,
+            canonical_url_page_id: null,
+            status: 'active',
+            page_group_id: null,
+            page_group_combined: 0,
+            page_group_custom_items: null,
+            sections: {
+              navigation: null,
+              header: null,
+              main: null,
+              links: null,
+              site_markets: { za_en: [] },
+              pages: {
+                en: {
+                  page: {
+                    404: {
+                      za_en: {
+                        id: 99408,
+                        market_id: 67,
+                        updated_at: '2021-12-08',
+                        created_at: '2021-12-08 16:15:50',
+                        template_id: 97,
+                        page_hreflang_group_id: null,
+                        page_hreflang_combined: 0,
+                        relation_id: 0,
+                        relation_type: 'page',
+                        market: 'za_en',
+                        region_code: null,
+                        author: null,
+                        hard_coded_breadcrumbs: 0,
+                        breadcrumb_ids: null,
+                        categories: [],
+                        author_id: null,
+                        style_id: null,
+                        language: 'en',
+                        description: null,
+                        meta_title: null,
+                        meta_robots: null,
+                        robot_options: {
+                          page_index: 0,
+                          links_followed: 0,
+                          images_index: 0,
+                          show_snippet: 0,
+                        },
+                        meta_description: null,
+                        seo_keywords: null,
+                        seo_raw_js: '',
+                        seo_json_schema: null,
+                        seo_json_schemas: [],
+                        page_custom_hreflangs: null,
+                        title: '404 Page',
+                        vanity_label: null,
+                        path: '404',
+                        type: 'page',
+                        template: 'default',
+                        extra_fields: [],
+                        banner: null,
+                        featured_image: null,
+                        canonical_url: null,
+                        canonical_url_page_id: null,
+                        status: 'active',
+                        page_group_id: null,
+                        page_group_combined: 0,
+                        page_group_custom_items: null,
+                        sections: {
+                          navigation: null,
+                          header: null,
+                          main: null,
+                          links: null,
+                          footer: null,
+                          popup: null,
+                          footer_navigation: null,
+                        },
+                      },
+                    },
+                  },
+                },
+              },
+              footer: null,
+              popup: null,
+              footer_navigation: null,
+            },
+          },
+        },
+      },
+    },
+  },
+  market_sections: {
+    za_en: {
+      footer: {
+        extra_fields: {
+          logos: {
+            value: '339',
+            type: 'menu',
+          },
+          links: {
+            value: '340',
+            type: 'menu',
+          },
+          social_icons: {
+            value: '341',
+            type: 'menu',
+          },
+          copyright_disclaimer: {
+            value:
+              '<p ><br><a href="https://www.dmca.com/Protection/Status.aspx?ID=c33e0a2a-0b14-4cba-bb31-194e23738540&amp;refurl=https://www.playcasino.co.za" target="_blank" title="DMCA Compliance information for playcasino.co.za"></a><a href="https://responsiblegambling.org.za/" target="_blank"></a>Advertising Disclosure: <a href="https://www.playcasino.co.za/">Playcasino.co.za</a> contains paid links to our partner affiliates. If a user visiting our site clicks on any of these paid links and makes a purchase from our partner, Playcasino.co.za will get paid a commission.</p><p>© PlayCasino All rights reserved</p><p>Marketing Performance Media Limited BVI Company number: 2028811 </p>',
+            type: 'html',
+          },
+        },
+        modules: [],
+      },
+      navigation: {
+        extra_fields: [],
+        modules: [
+          {
+            menu_id: 337,
+            menu_short_code: 'main_menu',
+            module_value_id: 213604,
+            name: 'menu',
+          },
+          {
+            value: '14076',
+            type: null,
+            module_value_id: 213608,
+            name: 'bonus',
+            anchored: 0,
+            anchor_label: null,
+            anchor_slug: null,
+            module_title: 'R500 Free No Deposit Bonus (Code: 500FM) + 500% up to R15,000',
+            module_title_tag: null,
+            background_color: null,
+            style: null,
+            style_id: null,
+            see_more_link: {
+              type: 'page',
+              value: null,
+              title: null,
+            },
+          },
+        ],
+      },
+    },
+  },
+};

package/tests/factories/sections/header.factory.js

@@ -11,11 +11,17 @@ export default function getHeaderSection() {
       sections: {
         header: {
           extra_fields: {
-            header_background_image: "398f163bfd5a201716fb42aa72ae48b0.jpeg",
-            header_text: "<p><i>Hello</i> I am test text</p>",
+            header_background_image: '398f163bfd5a201716fb42aa72ae48b0.jpeg',
+            header_text: '<p><i>Hello</i> I am test text</p>',
           },
         },
       },
+      author: {
+        name: 'Cameron Murphy',
+        image: 'cameron-murphy.jpeg',
+        image_alt: null,
+        image_asset_id: 37728,
+      },
     },
   };
 

package/src/components/atoms/logo/index.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { prettyTracker, imagePrettyUrl } from '~helpers/getters';
-import LazyImage from '~hooks/lazy-image';
-
-import styles from './logo.module.scss';
-
-const Logo = ({ item = {} }) => {
-  const prettyLink = prettyTracker(item);
-
-  return (
-    <div>
-      <a
-        className={`${styles.operatorLogo} logo-cta`}
-        href={prettyLink}
-        title={item.name}
-        target="_blank"
-        rel="noopener noreferrer"
-        aria-label={`${item.name} Link`}
-      >
-        <LazyImage alt={item.name} src={imagePrettyUrl(item.logo_url)} />
-      </a>
-    </div>
-  );
-};
-
-Logo.propTypes = {
-  item: PropTypes.shape({
-    name: PropTypes.string,
-    short_name: PropTypes.string,
-    status: PropTypes.string,
-    logo_url: PropTypes.string.isRequired,
-  }).isRequired,
-};
-
-export default Logo;

package/src/components/atoms/logo/logo.module.scss

@@ -1,4 +0,0 @@
-.operatorLogo {
-    max-width: 10rem;
-    min-height: 10rem;
-}