diff --git a/src/components/ContainerList/__tests__/ContainerList.test.cy.tsx b/src/components/ContainerList/__tests__/ContainerList.test.cy.tsx
new file mode 100644
index 0000000..aedd02d
--- /dev/null
+++ b/src/components/ContainerList/__tests__/ContainerList.test.cy.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { ContainerList } from '@components';
+
+describe('Testing ContainerList Component', () => {
+ beforeEach(() => {
+ cy.mount();
+ });
+ it('Show Title of Container List', () => {
+ cy.get('div').contains('Test Title');
+ });
+})
diff --git a/src/components/ContainerList/__tests__/ContainerList.test.tsx b/src/components/ContainerList/__tests__/ContainerList.test.tsx
new file mode 100644
index 0000000..1f68b11
--- /dev/null
+++ b/src/components/ContainerList/__tests__/ContainerList.test.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { ContainerList } from '@components';
+
+describe('Testing ContainerList Component', () => {
+ beforeEach(() => {
+ // fetchMock.resetMocks();
+ render()
+ });
+ it('Show Title of Container List', async () => {
+ /* fetchMock.mockResponseOnce(JSON.stringify({
+ //First Data Fetch
+ data: 'data'
+ })); */
+ const title = screen.getByText('Test Title');
+ expect(title).toBeInTheDocument();
+ })
+})