add: unit test added

package.json

@@ -22,6 +22,8 @@
     "styled-components": "^4.3.0"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^12.1.1",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
     "jest-enzyme": "^6.0.2",

src/Components/MicrofrontendAsComponent/MicrofrontendAsComponent.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const MicrofrontendAsComponent = () => (
+  <div data-testid="microfrontend-as-component">
+    Microfrontend as a Component
+  </div>
+);
+
+export default MicrofrontendAsComponent;

src/Components/MicrofrontendAsComponent/__test__/MicrofrontendAsComponent.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import MicrofrontendAsComponent from '../';
+import { cleanup, render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+// to make sure everything is clean after each test
+afterAll(cleanup);
+
+it('it checks if the content matches', () => {
+  render(<MicrofrontendAsComponent />);
+  const element = screen.getByTestId('microfrontend-as-component');
+  expect(element).toHaveTextContent('Microfrontend as a Component');
+});

src/Components/MicrofrontendAsComponent/index.js

@@ -0,0 +1,2 @@
+import MicrofrontendAsComponent from './MicrofrontendAsComponent';
+export default MicrofrontendAsComponent;

src/Components/MicrofrontendAsRoute/MicrofrontendAsRoute.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const MicrofrontendAsRoute = () => (
+  <div data-testid="microfrontend-as-route">Microfrontend as a Route</div>
+);
+
+export default MicrofrontendAsRoute;

src/Components/MicrofrontendAsRoute/__test__/MicrofrontendAsRoute.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import MicrofrontendAsRoute from '../';
+import { render, screen, cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+// to make sure everything is clean after each test
+afterAll(cleanup);
+
+it('it checks if the content matches', () => {
+  render(<MicrofrontendAsRoute />);
+  const element = screen.getByTestId('microfrontend-as-route');
+  expect(element).toHaveTextContent('Microfrontend as a Route');
+});

src/Components/MicrofrontendAsRoute/index.js

@@ -0,0 +1,2 @@
+import MicrofrontendAsRoute from './MicrofrontendAsRoute';
+export default MicrofrontendAsRoute;