fixup! Feat(web-react): Introduce UNSTABLE_Toggle component #DS-1346

lmc-eu · Jul 18, 2024 · d3a475d · d3a475d
1 parent 9e273b5
commit d3a475d
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 11 deletions.
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/__tests__/UNSTABLE_Toggle.test.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/__tests__/UNSTABLE_Toggle.test.tsx
@@ -28,15 +28,19 @@ describe('UNSTABLE_Toggle', () => {
   it('should have label classname', () => {
     render(<UNSTABLE_Toggle id="test-toggle" label="Toggle Label" />);
 
-    expect(screen.getByText('Toggle Label')).toHaveClass('UNSTABLE_Toggle__label');
-    expect(screen.getByText('Toggle Label')).toContainHTML('label');
+    const label = screen.getByText('Toggle Label');
+
+    expect(label).toHaveClass('UNSTABLE_Toggle__label');
+    expect(label).toContainHTML('label');
   });
 
   it('should have label with required classname', () => {
     render(<UNSTABLE_Toggle id="test-toggle" label="Toggle Label" isRequired />);
 
-    expect(screen.getByText('Toggle Label')).toHaveClass('UNSTABLE_Toggle__label');
-    expect(screen.getByText('Toggle Label')).toHaveClass('UNSTABLE_Toggle__label--required');
+    const label = screen.getByText('Toggle Label');
+
+    expect(label).toHaveClass('UNSTABLE_Toggle__label');
+    expect(label).toHaveClass('UNSTABLE_Toggle__label--required');
   });
 
   it('should have hidden classname', () => {

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '..';
+import UNSTABLE_Toggle from '../UNSTABLE_Toggle';
 
 const ToggleDisabled = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '..';
+import UNSTABLE_Toggle from '../UNSTABLE_Toggle';
 
 const ToggleFluid = () => <UNSTABLE_Toggle id="toggle-fluid" label="Toggle Label" name="default" isFluid />;
 

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '..';
+import UNSTABLE_Toggle from '../UNSTABLE_Toggle';
 
 const ToggleHelperText = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '..';
+import UNSTABLE_Toggle from '../UNSTABLE_Toggle';
 
 const ToggleHiddenLabel = () => (
   <UNSTABLE_Toggle id="toggle-hidden-label" label="Toggle Label" name="default" isLabelHidden />

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '..';
+import UNSTABLE_Toggle from '../UNSTABLE_Toggle';
 
 const ToggleIndicators = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '..';
+import UNSTABLE_Toggle from '../UNSTABLE_Toggle';
 
 const ToggleRequired = () => <UNSTABLE_Toggle id="toggle-required" label="Toggle Label" name="default" isRequired />;
 

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '..';
+import UNSTABLE_Toggle from '../UNSTABLE_Toggle';
 
 const ToggleValidation = () => (
   <>