@oanda/labs-ticker-tape-widget 1.0.28 → 1.0.30

package/test/Main.test.tsx

@@ -1,13 +1,17 @@
 /**
  * @jest-environment jsdom
  */
-import React from 'react';
-import { render } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
-import { ThemeContext, Size } from '@oanda/labs-widget-common';
+import {
+  LiveRatesProvider,
+  MockLayoutProvider,
+} from '@oanda/labs-widget-common';
+import { render } from '@testing-library/react';
+import React from 'react';
+
 import { Division } from '../src/gql/types/graphql';
-import { widgetMocks } from './mocks';
 import { Main } from '../src/TickerTapeWidget/Main';
+import { widgetMocks } from './mocks';
 
 jest.mock('../src/TickerTapeWidget/components/InstrumentRateWithData', () => ({
   InstrumentRateWithData: () => <div>Test</div>,
@@ -17,16 +21,20 @@ describe('Main component', () => {
   it('should render ticker tape component', async () => {
     const { findByTestId } = render(
       <MockedProvider mocks={widgetMocks}>
-        <ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: true }}>
-          <Main
-            division={Division.Oc}
-            records={[{
-              instrument: 'EUR_USD',
-              displayName: 'EUR/USD',
-            }]}
-          />
-        </ThemeContext.Provider>
-      </MockedProvider>,
+        <LiveRatesProvider url="oanda.com">
+          <MockLayoutProvider>
+            <Main
+              division={Division.Oc}
+              records={[
+                {
+                  instrument: 'EUR_USD',
+                  displayName: 'EUR/USD',
+                },
+              ]}
+            />
+          </MockLayoutProvider>
+        </LiveRatesProvider>
+      </MockedProvider>
     );
 
     expect(await findByTestId('ticker-tape-wrapper')).toBeInTheDocument();

package/test/mocks.ts

@@ -47,6 +47,4 @@ const widgetMocks = [
   },
 ];
 
-export {
-  widgetMocks,
-};
+export { widgetMocks };