@ssa-ui-kit/widgets 0.0.31-alpha → 0.0.34-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/widgets",
-  "version": "0.0.31-alpha",
+  "version": "0.0.34-alpha",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
@@ -29,9 +29,9 @@
     "js-tokens": "^4.0.0",
     "loose-envify": "^1.4.0",
     "scheduler": "^0.23.0",
-    "@ssa-ui-kit/core": "^0.0.28-alpha",
-    "@ssa-ui-kit/utils": "^0.0.1-alpha",
-    "@ssa-ui-kit/hooks": "^0.0.2-alpha"
+    "@ssa-ui-kit/core": "^0.0.33-alpha",
+    "@ssa-ui-kit/hooks": "^0.0.2-alpha",
+    "@ssa-ui-kit/utils": "^0.0.1-alpha"
   },
   "browserslist": [
     ">0.1%",
@@ -58,6 +58,7 @@
     "@nivo/core": "^0.83.0",
     "@nivo/line": "^0.83.0",
     "@nivo/scales": "^0.83.0",
+    "@nivo/pie": "^0.83.0",
     "react": "18.x",
     "react-dom": "18.x",
     "react-hook-form": "^7.46.1",

package/src/components/AccountBalance/AccountBalance.spec.tsx

@@ -3,21 +3,15 @@ import { MemoryRouter, Route, Routes } from 'react-router-dom';
 import { data } from './stories/fixtures';
 import { AccountBalance } from './index';
 
-const ResponsivePieMock = () => <div data-testid="responsive-pie"></div>;
-
-jest.mock('@nivo/pie', () => ({
-  PieCustomLayerProps: {},
-  ResponsivePie: ResponsivePieMock,
-}));
-
 describe('AccountBalance', () => {
   it('Renders', () => {
-    const { getByRole, getByText, getByTestId } = render(
+    const { getByRole, getByText, container } = render(
       <AccountBalance total="798" currency="USDT" data={data} />,
     );
+    const pieChartWrapper = container.querySelector('.pie-chart-wrapper');
+    expect(pieChartWrapper).toBeInTheDocument();
 
     getByRole('heading', { name: 'Balance' });
-    getByTestId('responsive-pie');
     getByText('798');
     getByText('USDT');
 

package/src/components/ExchangeAccount/ExchangeAccount.spec.tsx

@@ -11,13 +11,6 @@ const commonProps = {
   onDelete: jest.fn(),
 };
 
-const ResponsivePieMock = () => <div data-testid="responsive-pie"></div>;
-
-jest.mock('@nivo/pie', () => ({
-  PieCustomLayerProps: {},
-  ResponsivePie: ResponsivePieMock,
-}));
-
 describe('ExchangeAccount', () => {
   it('Renders with platform', () => {
     const { getByText } = render(<ExchangeAccount {...commonProps} />);
@@ -42,9 +35,10 @@ describe('ExchangeAccount', () => {
   });
 
   it('Renders with BalancePieChart component', () => {
-    const { getByTestId } = render(<ExchangeAccount {...commonProps} />);
+    const { container } = render(<ExchangeAccount {...commonProps} />);
 
-    getByTestId('responsive-pie');
+    const pieChartWrapper = container.querySelector('.pie-chart-wrapper');
+    expect(pieChartWrapper).toBeInTheDocument();
   });
 
   it('Clicks on delete button', async () => {

package/tsconfig.build.json

@@ -34,11 +34,9 @@
   "include": ["src/**/*"],
   "exclude": [
     "dist/**/*",
-    "src/**/*.spec.ts",
-    "src/**/*.spec.tsx",
-    "src/**/*.e2e.ts",
-    "src/**/*.e2e.tsx",
-    "src/**/*.stories.tsx",
-    "src/**/*.stories.ts"
+    "src/**/*.spec.*",
+    "src/**/*.spec.old.*",
+    "src/**/*.e2e.*",
+    "src/**/*.stories.*"
   ]
 }

package/webpack.config.js

@@ -19,6 +19,7 @@ module.exports = () => {
       '@emotion/styled': '@emotion/styled',
       '@nivo/core': '@nivo/core',
       '@nivo/line': '@nivo/line',
+      '@nivo/pie': '@nivo/pie',
       '@nivo/scales': '@nivo/scales',
     },
   });