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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Button } from '@components';
+
+describe('Testing Button Component', () => {
+  beforeEach(() => {
+    cy.mount(<Button />);
+  });
+  it('Show Button', () => {
+    cy.get('button').should('have.length', 1);
+  });
+})

src/components/Button/__tests__/Button.test.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { Button } from '@components';
+
+describe('Testing Button Component', () => {
+    beforeEach(() => {
+        // fetchMock.resetMocks();
+        render(<Button />)
+    });
+    it('Show Button', async () => {
+        /* fetchMock.mockResponseOnce(JSON.stringify({
+            //First Data Fetch
+            data: 'data'
+        })); */
+        expect(screen.getByRole('button')).toBeInTheDocument();
+    })
+})

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Item, Status } from '@components';
 
-describe('Testing Card Component', () => {
+describe('Testing Item Component', () => {
   beforeEach(() => {
     cy.mount(<Item name='Item Test' status={Status.DONE} />);
   })

src/components/Item/__tests__/Item.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { Item, Status } from '@components';
 
-describe('<App/> Component', () => {
+describe('Testing Item Component', () => {
     beforeEach(() => {
         // fetchMock.resetMocks();
         render(<Item name='Item Test' status={Status.DONE} handleChange={ () => {}} />)