Added Tutorial.test.tsx file

Co-authored-by: minzo-kim <[email protected]>

Author: jasnoo

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'));
+  });
+});