@oanda/labs-instrument-live-rate-widget 1.0.1

package/test/components/InstrumentRateWithData.test.tsx

@@ -0,0 +1,62 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
+import { render } from '@testing-library/react';
+import { MockedProvider } from '@apollo/client/testing';
+import { InstrumentRateWithData } from '../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData';
+import { getInstrumentsChart } from '../../src/gql/getInstrumentsChart';
+import { Division } from '../../src/gql/types/graphql';
+
+const chartPointsMocks = [
+  {
+    request: {
+      query: getInstrumentsChart,
+      variables: {
+        instruments: ['EUR_USD'],
+        division: 'OC',
+      },
+    },
+    result: {
+      data: {
+        topicalInstrumentsCharts: [
+          {
+            name: 'EUR_USD',
+            displayName: 'EUR_USD',
+            chart: [
+              1.0544, 1.05704, 1.05716, 1.05596, 1.05556, 1.05556, 1.05238,
+              1.05292, 1.05443, 1.0544, 1.05704, 1.05716, 1.05596, 1.05556,
+              1.05556,
+            ],
+          },
+        ],
+      },
+    },
+  },
+];
+
+describe('InstrumentRateWithData component', () => {
+  const record = {
+    instrument: 'EUR_USD',
+    displayName: 'EUR_USD',
+    buy: 1.04508,
+    dailyPercentChange: '+3,23%',
+    dailyPipsChange: 123,
+  };
+
+  it('should render table row', async () => {
+    const { getAllByTestId, findByTestId } = render(
+      <MockedProvider mocks={chartPointsMocks}>
+        <InstrumentRateWithData
+          loading={false}
+          division={Division.Oc}
+          record={record}
+          target={null}
+        />
+      </MockedProvider>,
+    );
+
+    expect(await findByTestId('line-chart')).toBeInTheDocument();
+    expect(getAllByTestId('label-wrapper').length).toEqual(4);
+  });
+});

package/test/components/utils.test.ts

@@ -0,0 +1,13 @@
+import { getColorIndicator } from '../../src/InstrumentLiveRateWidget/components/InstrumentRateWithData';
+
+describe('getColorIndicator', () => {
+  it('should return value greater than 0', () => {
+    expect(getColorIndicator('+0.06%')).toEqual(1);
+  });
+  it('should return value equal to 0', () => {
+    expect(getColorIndicator('0%')).toEqual(0);
+  });
+  it('should return value lower than 0', () => {
+    expect(getColorIndicator('-0.20%')).toEqual(-1);
+  });
+});

package/test/mocks.ts

@@ -0,0 +1,52 @@
+import { getInstrumentsChart } from '../src/gql/getInstrumentsChart';
+import { validateInstruments } from '../src/gql/validateInstruments';
+
+const widgetMocks = [
+  {
+    request: {
+      query: validateInstruments,
+      variables: {
+        instruments: ['EUR_USD'],
+        division: 'OC',
+      },
+    },
+    result: {
+      data: {
+        mapInstrumentNames: [
+          {
+            name: 'EUR_USD',
+            displayName: 'EUR/USD',
+          },
+        ],
+      },
+    },
+  },
+  {
+    request: {
+      query: getInstrumentsChart,
+      variables: {
+        instruments: ['EUR_USD'],
+        division: 'OC',
+      },
+    },
+    result: {
+      data: {
+        topicalInstrumentsCharts: [
+          {
+            name: 'EUR_USD',
+            displayName: 'EUR/USD',
+            chart: [
+              1.0544, 1.05704, 1.05716, 1.05596, 1.05556, 1.05556, 1.05238,
+              1.05292, 1.05443, 1.0544, 1.05704, 1.05716, 1.05596, 1.05556,
+              1.05556,
+            ],
+          },
+        ],
+      },
+    },
+  },
+];
+
+export {
+  widgetMocks,
+};

package/tsconfig.types.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.types.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "declarationDir": "./dist/types"
+  },
+  "include": [
+    "./src/**/*",
+    "../../types/**/*"
+  ]
+}