PR-722301: Adding Input and List Components testing.

src/components/Input/__tests__/Input.test.cy.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Input } from '@components';
+
+describe('Testing Input Component', () => {
+  beforeEach(() => {
+    cy.mount(<Input placeholder='Test Placeholder' />);
+  });
+  it('Show right text on placeholder', () => {
+    cy.get('input').should('have.attr', 'placeholder', 'Test Placeholder');
+  });
+})

src/components/Input/__tests__/Input.test.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { Input } from '@components';
+
+describe('Testing Input Component', () => {
+    beforeEach(() => {
+        // fetchMock.resetMocks();
+        render(<Input placeholder='Test Placeholder'/>)
+    });
+    it('Show right text on placeholder', async () => {
+        /* fetchMock.mockResponseOnce(JSON.stringify({
+            //First Data Fetch
+            data: 'data'
+        })); */
+        const input = screen.getByPlaceholderText('Test Placeholder');
+        expect(input).toBeInTheDocument();
+    })
+})

src/components/List/__tests__/List.test.cy.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { List, Status } from '@components';
+
+describe('Testing List Component', () => {
+  beforeEach(() => {
+    cy.mount(<List list={[
+      {
+        name: 'First Item',
+        status: Status.DONE
+      },
+      {
+        name: 'Second Item',
+        status: Status.TODO
+      },
+      {
+        name: 'Third Item',
+        status: Status.DONE
+      }
+    ]} />);
+  })
+  it('Show All Items in a list', () => {
+    cy.get('input').should('have.length', 3);
+  })
+})

src/components/List/__tests__/List.test.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { List, Status } from '@components';
+
+describe('Testing List Component', () => {
+    beforeEach(() => {
+        // fetchMock.resetMocks();
+        render(<List list={[
+            {
+              name: 'First Item',
+              status: Status.DONE
+            },
+            {
+              name: 'Second Item',
+              status: Status.TODO
+            },
+            {
+              name: 'Third Item',
+              status: Status.DONE
+            }
+        ]} />)
+    });
+    it('Show All Items in a list', async () => {
+        /* fetchMock.mockResponseOnce(JSON.stringify({
+            //First Data Fetch
+            data: 'data'
+        })); */
+        const items = screen.getAllByRole('checkbox');
+        expect(items).toHaveLength(3);
+    })
+})