test: create option test cases

Composer/packages/client/__tests__/components/CreationFlow/CreateOptions/index.test.tsx

@@ -0,0 +1,72 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+import * as React from 'react';
+import { fireEvent } from '@bfc/test-utils';
+
+import { renderWithStore } from '../../../testUtils';
+import { CreateOptions } from '../../../../src/components/CreationFlow/CreateOptions';
+
+describe('<CreateOptions/>', () => {
+  const handleDismissMock = jest.fn();
+  const handleCreateNextMock = jest.fn();
+  const saveTemplateMock = jest.fn();
+  const templates = [
+    {
+      description: 'empty bot',
+      id: 'EmptyBot',
+      index: 0,
+      name: 'Empty Bot',
+      path: 'templatePath',
+      support: ['C#', 'JS'],
+      tags: ['Basic'],
+    },
+    {
+      description: 'echo bot',
+      id: 'EchoBot',
+      index: 1,
+      name: 'Echo Bot',
+      path: 'templatePath',
+      support: ['C#', 'JS'],
+      tags: ['Basic'],
+    },
+  ];
+  let storeContext;
+
+  const renderComponent = () => {
+    return renderWithStore(
+      <CreateOptions path="create" templates={templates} onDismiss={handleDismissMock} onNext={handleCreateNextMock} />,
+      storeContext.state,
+      storeContext.action
+    );
+  };
+
+  beforeEach(() => {
+    storeContext = {
+      actions: {
+        saveTemplateId: saveTemplateMock,
+      },
+      state: {
+        templateId: '',
+      },
+    };
+  });
+
+  it('should save empty bot template id', async () => {
+    const component = renderComponent();
+    const nextButton = await component.findByText('Next');
+    fireEvent.click(nextButton);
+    expect(handleCreateNextMock).toBeCalledWith('EmptyBot');
+  });
+
+  it('should save echo bot template id', async () => {
+    const component = renderComponent();
+    const option = await component.findByTestId('Create from template');
+    fireEvent.click(option);
+    const echoBot = await component.findByText('Echo Bot');
+    fireEvent.click(echoBot);
+    const nextButton = await component.findByText('Next');
+    fireEvent.click(nextButton);
+    expect(handleCreateNextMock).toBeCalledWith('EchoBot');
+  });
+});