@times-components/ts-components 1.145.1-82bc6796129e892c1eb22c6257c5e3809c159767.3 → 1.145.1-cfea81c4084e6f91221ea00fec9fc730d5b933cb.4

package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/NavigationWrapper.test.tsx

@@ -1,67 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { NavigationWrapper } from '../NavigationWrapper';
-
-const HomeColour = { light: '#123456', dark: '#abcdef' };
-const AwayColour = { light: '#654321', dark: '#fedcba' };
-
-describe('Matchday Live NavigationWrapper', () => {
-  it('renders with active home', () => {
-    const { container } = render(
-      <NavigationWrapper
-        isApp={false}
-        activeTeam="home"
-        homeTeamColor={HomeColour}
-        awayTeamColor={AwayColour}
-      >
-        <div className="navigation-buttons">
-          <button className="active home">Home</button>
-          <button className="away">Away</button>
-        </div>
-        <div className="home-widget-container">Home widget</div>
-        <div className="away-widget-container">Away widget</div>
-      </NavigationWrapper>
-    );
-
-    expect(container.querySelector('.navigation-buttons')).toBeInTheDocument();
-    expect(
-      container.querySelector('.navigation-buttons .active.home')
-    ).toBeInTheDocument();
-    expect(
-      container.querySelector('.home-widget-container')
-    ).toBeInTheDocument();
-    expect(
-      container.querySelector('.away-widget-container')
-    ).toBeInTheDocument();
-  });
-
-  it('renders with active away and isApp true', () => {
-    const { container } = render(
-      <NavigationWrapper
-        isApp={true}
-        activeTeam="away"
-        homeTeamColor={HomeColour}
-        awayTeamColor={AwayColour}
-      >
-        <div className="navigation-buttons">
-          <button className="home">Home</button>
-          <button className="active away">Away</button>
-        </div>
-        <div className="home-widget-container">Home widget</div>
-        <div className="away-widget-container">Away widget</div>
-      </NavigationWrapper>
-    );
-
-    expect(container.querySelector('.navigation-buttons')).toBeInTheDocument();
-    expect(
-      container.querySelector('.navigation-buttons .active.away')
-    ).toBeInTheDocument();
-    expect(
-      container.querySelector('.home-widget-container')
-    ).toBeInTheDocument();
-    expect(
-      container.querySelector('.away-widget-container')
-    ).toBeInTheDocument();
-  });
-});

package/src/components/opta/football/opta-match-stats/matchday-live/styles/__tests__/WidgetContainer.test.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { WidgetContainer } from '../WidgetContainer';
-
-describe('Matchday Live WidgetContainer', () => {
-  const baseProps = {
-    isApp: true,
-    homeTeamColor: { light: '#000000', dark: '#a19c9cff' },
-    awayTeamColor: { light: '#007A3F', dark: '#007A3F' }
-  };
-
-  it('generates styles', () => {
-    const { container } = render(
-      <WidgetContainer {...baseProps}>
-        <div className="Opta">
-          <div className="Opta_W">content</div>
-        </div>
-      </WidgetContainer>
-    );
-    expect(container.querySelector('.Opta > .Opta_W')).toBeTruthy();
-  });
-
-  it('generates dark-mode styles under .Opta-Overlay .Opta-Flex', () => {
-    const { container } = render(
-      <WidgetContainer {...baseProps}>
-        <div className="Opta-Overlay">
-          <div className="Opta-Flex">flex</div>
-        </div>
-      </WidgetContainer>
-    );
-    expect(container.querySelector('.Opta-Overlay .Opta-Flex')).toBeTruthy();
-  });
-
-  it('applies home-widget-container styles', () => {
-    const { container } = render(
-      <WidgetContainer {...baseProps} className="home-widget-container">
-        <div className="Opta-MatchHeader">
-          <div className="Opta-Away">Away Team</div>
-        </div>
-      </WidgetContainer>
-    );
-    expect(
-      container.querySelector(
-        '.home-widget-container .Opta-MatchHeader .Opta-Away'
-      )
-    ).toBeTruthy();
-  });
-
-  it('applies away-widget-container styles', () => {
-    const { container } = render(
-      <WidgetContainer {...baseProps} className="away-widget-container">
-        <div className="Opta-MatchHeader">
-          <div className="Opta-Home">Home Team</div>
-        </div>
-      </WidgetContainer>
-    );
-    expect(
-      container.querySelector(
-        '.away-widget-container .Opta-MatchHeader .Opta-Home'
-      )
-    ).toBeTruthy();
-  });
-});