diff --git a/src/components/dialog/Dialog.test.tsx b/src/components/dialog/Dialog.test.tsx index b277c67ff..d1e727e98 100644 --- a/src/components/dialog/Dialog.test.tsx +++ b/src/components/dialog/Dialog.test.tsx @@ -1,9 +1,13 @@ import Dialog, { DialogProps, HeaderStyle } from 'components/dialog/Dialog'; import * as React from 'react'; -import { render } from 'test/utils'; +import { render, fireEvent } from 'test/utils'; const baseProps: DialogProps = { title: 'My Dialog', +}; + +const fullProps: DialogProps = { + ...baseProps, subtitle: 'Subtitlf', headerIcon: 'fe-icon', headerClass: 'header-class', @@ -14,6 +18,17 @@ const baseProps: DialogProps = { tertiary: { name: 'Other', onClick: vi.fn() }, }, gutter:
The Gutter
, + noPadding: true, + new: true, + className: 'my-class', +}; + +const fullPropsWithTabs: DialogProps = { + ...fullProps, + tabs: [ + { name: 'Tab 1', body:
Tab 1 Content
, checked: true }, + { name: 'Tab 2', body:
Tab 2 Content
, hasErrors: true }, + ], }; describe(Dialog.name, () => { @@ -21,4 +36,142 @@ describe(Dialog.name, () => { const { baseElement } = render(); expect(baseElement).toMatchSnapshot(); }); + + it('should render with full props', () => { + const { baseElement } = render(); + expect(baseElement).toMatchSnapshot(); + }); + + it('should focus on main tab on primary button click', () => { + vi.useFakeTimers(); + // remove the error tab to allow the main tab focus on primary button click + const tabsProps = [...fullPropsWithTabs.tabs]; + tabsProps.pop(); + + const { baseElement, getByText } = render( + , + ); + expect(baseElement).toMatchSnapshot(); + + // switch to first tab + fireEvent.click(getByText('Tab 1')); + expect(baseElement).toMatchSnapshot(); + + fireEvent.click(getByText('Ok')); + vi.runAllTimers(); + + expect(baseElement).toMatchSnapshot(); + }); + + it('should switch to main tab on title click', () => { + vi.useFakeTimers(); + const { baseElement, getByText } = render( + , + ); + expect(baseElement).toMatchSnapshot(); + + // switch to Tab 2 + fireEvent.click(getByText('Tab 2')); + expect(baseElement).toMatchSnapshot(); + + // switch to main tab + fireEvent.click(getByText('My Dialog')); + vi.runAllTimers(); + + expect(baseElement).toMatchSnapshot(); + }); + + it('should execute passed function on primary button click', () => { + const { getByText } = render(); + expect(fullProps.buttons.primary.onClick).not.toHaveBeenCalled(); + fireEvent.click(getByText('Ok')); + expect(fullProps.buttons.primary.onClick).toHaveBeenCalled(); + }); + + it('should execute passed function shift+enter event', () => { + const { baseElement } = render(); + expect(fullProps.buttons.primary.onClick).not.toHaveBeenCalled(); + fireEvent.keyDown(baseElement, { key: 'Enter', shiftKey: true }); + expect(fullProps.buttons.primary.onClick).toHaveBeenCalled(); + }); + + it('should not execute passed function on primary button shift+enter event if button is not provided', () => { + const buttonsProps = { ...fullProps.buttons }; + delete buttonsProps.primary; + + const { baseElement } = render( + , + ); + expect(fullProps.buttons.primary.onClick).not.toHaveBeenCalled(); + fireEvent.keyDown(baseElement, { key: 'Enter', shiftKey: true }); + expect(fullProps.buttons.primary.onClick).not.toHaveBeenCalled(); + }); + + it('shoul not execute passed function if shift+enter event is not triggered', () => { + const { baseElement } = render(); + expect(fullProps.buttons.primary.onClick).not.toHaveBeenCalled(); + fireEvent.keyDown(baseElement, { key: 'Enter' }); + expect(fullProps.buttons.primary.onClick).not.toHaveBeenCalled(); + }); + + it('should render with undefined tabs', () => { + const { baseElement } = render(); + expect(baseElement).toMatchSnapshot(); + }); + + it('should not switch tabs if there are undefined tabs', () => { + vi.useFakeTimers(); + const { baseElement, getByText } = render( + , + ); + expect(baseElement).toMatchSnapshot(); + + fireEvent.keyDown(baseElement, { key: 'Enter', shiftKey: true }); + + vi.runAllTimers(); + expect(baseElement).toMatchSnapshot(); + }); + + it('should render tabs with errors', () => { + const { baseElement, queryByText, getByText } = render( + , + ); + expect(baseElement).toMatchSnapshot(); + + expect(queryByText('Tab 2 Content')).not.toBeInTheDocument(); + // switch to Tab 2 + fireEvent.click(getByText('Tab 2')); + expect(baseElement).toMatchSnapshot(); + expect(getByText('Tab 2 Content')).toBeInTheDocument(); + }); + + it('should switch to errored tab on primary button click', () => { + vi.useFakeTimers(); + + const { queryByText, getByText } = render( + , + ); + + expect(queryByText('Tab 2 Content')).not.toBeInTheDocument(); + // click on primary button + fireEvent.click(getByText('Ok')); + + vi.runAllTimers(); + + expect(getByText('Tab 2 Content')).toBeInTheDocument(); + }); + + it('should switch tab on instace method call', () => { + const dialog = ; + const { baseElement } = render(dialog); + + expect(baseElement).toMatchSnapshot(); + + dialog; + }); + + it('should render without any props', () => { + const { baseElement } = render(); + expect(baseElement).toMatchSnapshot(); + }); }); diff --git a/src/components/dialog/Dialog.tsx b/src/components/dialog/Dialog.tsx index 09da53530..df891e77a 100644 --- a/src/components/dialog/Dialog.tsx +++ b/src/components/dialog/Dialog.tsx @@ -106,8 +106,6 @@ export default class Dialog extends React.Component { (event.target as any).blur(); this.handlePrimaryButton(this.props.buttons.primary.onClick); (event.target as any).focus(); - } else { - console.log('No primary button!'); } } } @@ -256,7 +254,7 @@ export default class Dialog extends React.Component { initialTab={String(this.state.activeTab + 1)} tabs={[ '0', - ...(this.props.tabs || []).map((tab: Tab, index: number) => + ...this.props.tabs.map((tab: Tab, index: number) => String(index + 1), ), ]} diff --git a/src/components/dialog/__snapshots__/Dialog.test.tsx.snap b/src/components/dialog/__snapshots__/Dialog.test.tsx.snap index f65a2ee60..291f20f7c 100644 --- a/src/components/dialog/__snapshots__/Dialog.test.tsx.snap +++ b/src/components/dialog/__snapshots__/Dialog.test.tsx.snap @@ -1,10 +1,2377 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html +exports[`Dialog > should focus on main tab on primary button click 1`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should focus on main tab on primary button click 2`] = ` + +
+
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+ Tab 1 Content +
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should focus on main tab on primary button click 3`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should not switch tabs if there are undefined tabs 1`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should not switch tabs if there are undefined tabs 2`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + exports[`Dialog > should render 1`] = `
+
+
+
+ My Dialog +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should render tabs with errors 1`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • +
  • + +
    + Tab 2 +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should render tabs with errors 2`] = ` + +
+
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • +
  • + +
    + Tab 2 +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+ Tab 2 Content +
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should render with full props 1`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should render with undefined tabs 1`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should render without any props 1`] = ` + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should switch tab on instace method call 1`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • +
  • + +
    + Tab 2 +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should switch to main tab on title click 1`] = ` + +
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • +
  • + +
    + Tab 2 +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should switch to main tab on title click 2`] = ` + +
+
+
+
+ +
+
+ My Dialog + + New + ! + +
+
+ Subtitlf +
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • +
  • + +
    + Tab 2 +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+ Tab 2 Content +
+
+
+
+
+
+ The Gutter +
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`Dialog > should switch to main tab on title click 3`] = ` + +
+
should render 1`] = ` class="_title_af1b5d u font secondary title-sm black" > My Dialog + + New + ! +
should render 1`] = ` Subtitlf
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Tab 1 +
    +
    + + +
    • +
  • + +
    + Tab 2 +
    + + +
    • + +
+
+
+
+ + +
+
+
+
{ const formProps = getRouterFormProps(routerNode); - formProps.assetStore = { - classifiers: { items: {}, type: AssetType.Classifier }, + formProps.assetStore.classifiers = { + type: AssetType.Classifier, + items: {}, + endpoint: '/assets/classifiers.json', }; return formProps; }; describe(ClassifyRouterForm.name, () => { - it('defaults to correct result name', () => { + it('should render', async () => { + let rendered: any; + await act(async () => { + rendered = render(); + return undefined; + }); + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it('defaults to correct result name', async () => { const props = getProps(); props.nodeSettings.originalNode.node.router.result_name = 'Initial Result Name'; - const { getByTestId } = render(); - const result = getByTestId('Save as result'); + let rendered: any; + await act(async () => { + rendered = render(); + return undefined; + }); + + const result = rendered.getByTestId('Save as result'); expect(getUnnnicInputValue(result)).toEqual('Initial Result Name'); }); - it('updates the result name', () => { - const { getByTestId } = render(); + it('updates the result name', async () => { + let rendered: any; + await act(async () => { + rendered = render(); + return undefined; + }); - const result = getByTestId('Save as result'); + const result = rendered.getByTestId('Save as result'); fireUnnnicInputChangeText(result, 'Updated Result Name'); expect(getUnnnicInputValue(result)).toEqual('Updated Result Name'); }); + + it('should change to classifier input tab on label click', async () => { + let rendered: any; + await act(async () => { + rendered = render(); + return undefined; + }); + expect(rendered.baseElement).toMatchSnapshot(); + fireEvent.click(rendered.getByText('@input')); + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it('should cancel', async () => { + const props = getProps(); + let rendered: any; + await act(async () => { + rendered = render(); + return undefined; + }); + expect(props.onClose).not.toHaveBeenCalled(); + fireEvent.click(rendered.getByText('Cancel')); + expect(props.onClose).toHaveBeenCalled(); + }); + + it('should save with desired changes', async () => { + const props = getProps(); + (props.nodeSettings.originalNode.node.actions[0] as any).classifier = null; + (props.nodeSettings.originalNode.node.actions[0] as any).input = + '@input.text'; + let rendered: any; + await act(async () => { + rendered = render(); + return undefined; + }); + expect(rendered.baseElement).toMatchSnapshot(); + + //try to save without a classifier + fireEvent.click(rendered.getByText('Confirm')); + + // should not save + expect(props.updateRouter).not.toHaveBeenCalled(); + + // change the classifier + fireEvent.click(rendered.getByText('Purrington')); + + expect(rendered.baseElement).toMatchSnapshot(); + + // go to next tab to change the operand + fireEvent.click(rendered.getByText('Classifier input')); + fireUnnnicInputChangeText(rendered.getByTestId('Operand'), 'New input'); + + expect(props.updateRouter).not.toHaveBeenCalled(); + + // save + fireEvent.click(rendered.getByText('Confirm')); + + expect(props.updateRouter).toHaveBeenCalled(); + expect(props.updateRouter).toMatchSnapshot(); + }); + + it('should render without cases', () => { + const props = getProps(); + (props.nodeSettings.originalNode.node.router as any).cases = null; + const rendered = render(); + expect(rendered.baseElement).toMatchSnapshot(); + }); + + it('should render with incorrect node type', () => { + const props = getProps(); + (props.nodeSettings.originalNode.ui.type as any) = 'not a classifier'; + const rendered = render(); + expect(rendered.baseElement).toMatchSnapshot(); + }); }); diff --git a/src/components/flow/routers/classify/__snapshots__/ClassifyRouterForm.test.tsx.snap b/src/components/flow/routers/classify/__snapshots__/ClassifyRouterForm.test.tsx.snap new file mode 100644 index 000000000..96f30f252 --- /dev/null +++ b/src/components/flow/routers/classify/__snapshots__/ClassifyRouterForm.test.tsx.snap @@ -0,0 +1,6079 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`ClassifyRouterForm > should change to classifier input tab on label click 1`] = ` + +
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + + + + + +
    + + +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+ When a contact arrives at this point in your flow... +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+ + Run + + + @input + + + through the classifier + +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+ If the message response +
+
+
+
+
+
+ + + + + +
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+ Above +
+
+
+
+
+ +
+ + + +
+ +
+
+
+
+
+
+ Categorize as: +
+
+
+
+
+ +
+ + + +
+ +
+
+
+
+ +
+ + + + +
+ +
+
+
+
+
+
+
+
+
+

+ Save as result +

+
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should change to classifier input tab on label click 2`] = ` + +
+
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + + + + + +
    + + +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+ Enter an expression to use as the input to your classifier. To classify the last response from the contact use + + + @input.text + + . +
+
+
+
+
+
+ +
+ + + +
+ +
+
+
+ +
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should render 1`] = ` + +
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + + + + + +
    + + +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+ When a contact arrives at this point in your flow... +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+ + Run + + + @input + + + through the classifier + +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+ If the message response +
+
+
+
+
+
+ + + + + +
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+ Above +
+
+
+
+
+ +
+ + + +
+ +
+
+
+
+
+
+ Categorize as: +
+
+
+
+
+ +
+ + + +
+ +
+
+
+
+ +
+ + + + +
+ +
+
+
+
+
+
+
+
+
+

+ Save as result +

+
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should render with an incorrect action 1`] = ` + +
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+ When a contact arrives at this point in your flow... +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+ + Run + + + the last response + + + through the classifier + +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+
+
+
+
+
+
+
+

+ Save as result +

+
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should render with incorrect node type 1`] = ` + +
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+ When a contact arrives at this point in your flow... +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+ + Run + + + the last response + + + through the classifier + +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+
+
+
+
+
+
+
+

+ Save as result +

+
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should render without cases 1`] = ` + +
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+ When a contact arrives at this point in your flow... +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+ + Run + + + the last response + + + through the classifier + +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+
+
+
+
+
+
+
+

+ Save as result +

+
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should save with desired changes 1`] = ` + +
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+ When a contact arrives at this point in your flow... +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+ + Run + + + the last response + + + through the classifier + +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+
+
+

+ Save as result +

+
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should save with desired changes 2`] = ` + +
+
+
+
+
+ Split by intent +
+
+
+
+
+
+
    + +
  • + +
    + General +
    + + +
    • +
  • + +
    + Classifier input +
    + + +
    • + +
+
+
+
+ + +
+
+
+
+
+
+
+
+ When a contact arrives at this point in your flow... +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+ + Run + + + the last response + + + through the classifier + +
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+ If the message response +
+
+
+
+
+
+ + + + + +
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+
+
+
+
+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+ Above +
+
+
+
+
+ +
+ + + +
+ +
+
+
+
+
+
+ Categorize as: +
+
+
+
+
+ +
+ + + +
+ +
+
+
+
+ +
+ + + + +
+ +
+
+
+
+
+
+
+
+
+

+ Save as result +

+
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+ +`; + +exports[`ClassifyRouterForm > should save with desired changes 3`] = ` +[MockFunction spy] { + "calls": [ + [ + { + "inboundConnections": {}, + "node": { + "actions": [ + { + "classifier": { + "name": "Purrington", + "uuid": "732e4776-dc63-48ad-ae5f-79abd6c462a2", + }, + "input": "New input", + "result_name": "_Initial Result Name Classification", + "type": "call_classifier", + "uuid": "b1f332f3-bdd3-4891-aec5-1843a712dbf1", + }, + ], + "exits": [ + { + "destination_uuid": null, + "uuid": "061fc171-8b79-4636-b892-bd0ea5aa9b42", + }, + { + "destination_uuid": null, + "uuid": "1dce2b34-9aab-4e20-81c4-3f0408dcb671", + }, + ], + "router": { + "cases": [ + { + "arguments": [ + "Success", + ], + "category_uuid": "763e4844-3e1b-407a-a1b5-5fdfcd308b41", + "type": "has_category", + "uuid": "1e47a1e1-3c67-4df5-adf1-da542c789adb", + }, + ], + "categories": [ + { + "exit_uuid": "061fc171-8b79-4636-b892-bd0ea5aa9b42", + "name": "Success", + "uuid": "763e4844-3e1b-407a-a1b5-5fdfcd308b41", + }, + { + "exit_uuid": "1dce2b34-9aab-4e20-81c4-3f0408dcb671", + "name": "Failure", + "uuid": "477ac8b4-25e2-483a-8686-2d1332c4da1c", + }, + ], + "default_category_uuid": "477ac8b4-25e2-483a-8686-2d1332c4da1c", + "operand": "@results._initial_result_name_classification", + "result_name": "Initial Result Name", + "type": "switch", + }, + "uuid": "132de855-4042-4dc1-a18f-cc2e6a8f790a", + }, + "ui": { + "config": {}, + "position": null, + "type": "split_by_intent", + }, + }, + ], + ], + "results": [ + { + "type": "return", + "value": undefined, + }, + ], +} +`; diff --git a/src/utils/index.tsx b/src/utils/index.tsx index ed0f403f4..e22221999 100644 --- a/src/utils/index.tsx +++ b/src/utils/index.tsx @@ -413,6 +413,28 @@ export const createUUID = (): string => { return generateUUID(); }; +export class SeededRandom { + pool: Set; + seed: number; + + constructor(seed: number) { + this.seed = seed; + this.pool = new Set(); + } + + random(): number { + let x = Math.sin(this.seed++) * 10000; + x = x - Math.floor(x); + + if (this.pool.has(x)) { + return this.random(); + } + + this.pool.add(x); + return x; + } +} + export const seededUUIDs = (seed = 1): any => { let current = seed; const randomNext = () => { diff --git a/src/vitest-setup.ts b/src/vitest-setup.ts index 0d6a9c0a9..077d30694 100644 --- a/src/vitest-setup.ts +++ b/src/vitest-setup.ts @@ -30,6 +30,9 @@ Object.assign(navigator, { }, }); +const seededRandom = new utils.SeededRandom(1); +mock(Math, 'random', () => seededRandom.random()); + // Configure Enzyme adapter configure({ adapter: new Adapter() }); @@ -100,6 +103,9 @@ export const restHandlers = [ http.post(endpoints.simulateResume, () => { return HttpResponse.json(require('test/assets/simulate_resume.json')); }), + http.get(endpoints.classifiers, () => { + return HttpResponse.json(require('test/assets/classifiers.json')); + }), ]; const server = setupServer(...restHandlers); diff --git a/vite.config.js b/vite.config.js index ff193ce1c..b6f8d7d2e 100644 --- a/vite.config.js +++ b/vite.config.js @@ -54,6 +54,9 @@ export default defineConfig({ 'utils/**', 'testUtils/**', 'services/__mocks__/**', + 'assets/**', + 'static/**', + 'test/**', ...coverageConfigDefaults.exclude, ], },