feat: optimizing semantics

Author: ProfBramble

jest.config.js

@@ -4,7 +4,7 @@ module.exports = {
     globals: {
     },
     // setupFilesAfterEnv: ["./setupTests.js"], // enzyme adapter
-    transformIgnorePatterns: ["/node_modules/", "lib", "dist"],
+    transformIgnorePatterns: ["/node_modules/",  "dist"],
     testPathIgnorePatterns: ['/node_modules/'],
     transform: {
         "^.+\\.[jt]s?(x)$": "babel-jest"

src/components/slidePane/__tests__/index.test.tsx

@@ -1,36 +1,36 @@
-import  React from 'react';
+import React from 'react';
 import SlidePane from '../index';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-
 describe('test SlidePane ', () => {
     const expectValues = {
-        children:(<div>
+        children: (<div>
             <h1>success</h1>
         </div>),
-        visible:true,
-        style:{color:'red',background:'#FF7C12'},
+        visible: true,
+        style: { color: 'red', background: '#FF7C12' }
     }
     test('should render correct', () => {
-        const {container,getByTestId}=render(<SlidePane 
-            children={expectValues.children} 
-            visible={expectValues.visible} 
+        const { container, getByTestId } = render(<SlidePane
+            children={expectValues.children}
+            visible={expectValues.visible}
             style={expectValues.style}
-             />)
+        />)
         expect(container.firstChild).toHaveStyle(expectValues.style);
         const oDiv = getByTestId('slidepane_container');
         expect(oDiv).not.toBeNull();
-        expect(oDiv).toHaveStyle('display:block');
-        expect(oDiv.innerHTML).toEqual("<div><h1>success</h1></div>");
+        expect(oDiv).toBeVisible();
+        expect(oDiv.innerHTML).toEqual('<div><h1>success</h1></div>');
         expect(container).toMatchSnapshot();
     })
     test('should be invisible', () => {
-        const {getByTestId}=render(<SlidePane 
-        children={expectValues.children} 
-        visible={false} 
-         />)
-         const oDiv = getByTestId('slidepane_container');
-         expect(oDiv).toHaveStyle('display:none');
-    })}
-)
+        const { getByTestId } = render(<SlidePane
+            children={expectValues.children}
+            visible={false}
+        />)
+        const oDiv = getByTestId('slidepane_container');
+        expect(oDiv).not.toBeVisible();
+    })
+}
+)