Merge branch 'feature-testing' of https://github.com/oslabs-beta/reactime19.0 into minzo-feature-testing

Author: minzo-kim

src/app/__tests__jn/Tutorial.test.tsx

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { render, screen, fireEvent, waitFor, cleanup } from '@testing-library/react';
+import user from '@testing-library/user-event';
+import '@testing-library/jest-dom';
+import { TextEncoder } from 'util';
+global.TextEncoder = TextEncoder;
+import '@testing-library/jest-dom/extend-expect';
+import Tutorial from '../components/Tutorial';
+const { Steps } = require('intro.js-react');
+
+const dispatch = jest.fn();
+const props = {
+  currentTabInApp: undefined,
+  dispatch,
+};
+
+const state = {
+  stepsEnabled: true,
+};
+let currentStepIndex = 5;
+
+describe('Before Tutorial is entered', () => {
+  test('How to use button exists', () => {
+    render(<Tutorial {...props} />);
+    expect(screen.getByText('How to use')).toBeInTheDocument();
+  });
+
+  test('User clicking "How to use" while on map tab button starts map tutorial ', () => {
+    props.currentTabInApp = 'map';
+
+    render(<Tutorial {...props} />);
+    fireEvent.click(screen.getByRole('button'));
+    expect(
+      screen.getByText('A performance and state managment tool for React apps.'),
+    ).toBeInTheDocument();
+  });
+
+  test('User clicking "How to use" while on performance tab button starts performance tutorial ', () => {
+    props.currentTabInApp = 'performance';
+    render(<Tutorial {...props} />);
+    fireEvent.click(screen.getByRole('button'));
+    expect(screen.getByText('Performance Tab')).toBeInTheDocument();
+  });
+
+  test('User clicking "How to use" while on performance comparison tab, no tutorial available ', () => {
+    props.currentTabInApp = 'performance-comparison';
+    currentStepIndex = 1;
+    render(<Tutorial {...props} />);
+    fireEvent.click(screen.getByRole('button'));
+  });
+});

src/app/__tests__jn/WebMetrics.test.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import WebMetrics from '../components/WebMetrics';
+
+jest.mock('react-apexcharts', () => ({ __esModule: true, default: () => <div /> }));
+
+describe('WebMetrics graph testing', () => {
+  test('should have 1 div with class name "metric" ', () => {
+    const { container } = render(<WebMetrics />);
+    expect(container.getElementsByClassName('metric').length).toBe(1);
+  });
+});