@oanda/labs-value-at-risk-widget 1.0.27 → 1.0.29

package/test/{Main.test.tsx → Tool.test.tsx}

@@ -5,7 +5,7 @@ import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import { ThemeContext, Size } from '@oanda/labs-widget-common';
 import { MockedProvider } from '@apollo/client/testing';
-import { Main } from '../src/ValueAtRiskWidget/Main';
+import { Tool } from '../src/ValueAtRiskWidget/Tool';
 import { assetClassesMock, getValueAtRiskChartMock } from './mocks';
 import { Division } from '../src/gql/types/graphql';
 
@@ -13,12 +13,12 @@ const data = {
   valueAtRiskAssetClasses: assetClassesMock,
 };
 
-describe('Main component', () => {
+describe('Tool component', () => {
   it('should render tool view', () => {
     const { getByTestId } = render(
       <MockedProvider mocks={getValueAtRiskChartMock()}>
         <ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: true }}>
-          <Main
+          <Tool
             data={data}
             division={Division.Oc}
           />
@@ -32,7 +32,7 @@ describe('Main component', () => {
     const { container, getByTestId } = render(
       <MockedProvider mocks={[...getValueAtRiskChartMock('AUD_USD'), ...getValueAtRiskChartMock('AUS200')]}>
         <ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: true }}>
-          <Main
+          <Tool
             data={data}
             division={Division.Oc}
           />

package/test/{MainWithData.test.tsx → ToolWithData.test.tsx}

@@ -5,7 +5,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
 import { Size, ThemeContext } from '@oanda/labs-widget-common';
-import { MainWithData } from '../src/ValueAtRiskWidget/MainWithData';
+import { ToolWithData } from '../src/ValueAtRiskWidget/ToolWithData';
 import { Division } from '../src/gql/types/graphql';
 import { getValueAtRiskAssetClassesMock, getValueAtRiskChartMock } from './mocks/responsesMocks';
 
@@ -14,7 +14,7 @@ describe('Main component', () => {
     const { findByTestId } = render(
       <MockedProvider mocks={[...getValueAtRiskAssetClassesMock, ...getValueAtRiskChartMock()]}>
         <ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: false }}>
-          <MainWithData division={Division.Oc} />
+          <ToolWithData division={Division.Oc} />
         </ThemeContext.Provider>
       </MockedProvider>,
     );

package/test/Widget.test.tsx

@@ -0,0 +1,29 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeContext, Size } from '@oanda/labs-widget-common';
+import { MockedProvider } from '@apollo/client/testing';
+import { getValueAtRiskChartMock } from './mocks';
+import { Division, ValueAtRiskBars, ValueAtRiskDuration } from '../src/gql/types/graphql';
+import { Widget } from '../src/ValueAtRiskWidget/Widget';
+
+describe('Widget component', () => {
+  it('should render widget view', () => {
+    const { getByTestId } = render(
+      <MockedProvider mocks={getValueAtRiskChartMock()}>
+        <ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: true }}>
+          <Widget
+            division={Division.Oc}
+            instrument="AUD_USD"
+            bars={ValueAtRiskBars.C100}
+            duration={ValueAtRiskDuration.C1}
+          />
+        </ThemeContext.Provider>
+      </MockedProvider>,
+    );
+
+    expect(getByTestId('value-at-risk-widget-wrapper')).toBeInTheDocument();
+  });
+});

package/dist/types/ValueAtRiskWidget/Main.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MainProps } from './types';
-declare const Main: ({ data, division }: MainProps) => React.JSX.Element;
-export { Main };

package/dist/types/ValueAtRiskWidget/MainWithData.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MainWithDataProps } from './types';
-declare const MainWithData: ({ division }: MainWithDataProps) => React.JSX.Element;
-export { MainWithData };