5d30cb3537
* Added a new type of UIComponent for DB editor forms * Added a new state for UQI evals and connected it to the rendering form * Added sagas to init and run the UQI eval * Exporting fetch function as a selector * Moved selector code to the formSelector file * Added type to state config holder, removed custom diff function and fixed imports * Fixed path, added the type for plugin in selector * Created new enum, abstracted function for render and fixed var names Co-authored-by: Apeksha Bhosale <7846888+ApekshaBhosale@users.noreply.github.com>
79 lines
2.6 KiB
TypeScript
79 lines
2.6 KiB
TypeScript
import React from "react";
|
|
import { render, screen } from "test/testUtils";
|
|
import DynamicTextFieldControl from "./DynamicTextFieldControl";
|
|
import { reduxForm } from "redux-form";
|
|
import { mockCodemirrorRender } from "test/__mocks__/CodeMirrorEditorMock";
|
|
import { PluginType } from "entities/Action";
|
|
import { waitFor } from "@testing-library/dom";
|
|
import userEvent from "@testing-library/user-event";
|
|
import { EvaluationSubstitutionType } from "entities/DataTree/dataTreeFactory";
|
|
import { DatasourceComponentTypes, UIComponentTypes } from "api/PluginApi";
|
|
|
|
function TestForm(props: any) {
|
|
return <div>{props.children}</div>;
|
|
}
|
|
|
|
const ReduxFormDecorator = reduxForm({
|
|
form: "TestForm",
|
|
initialValues: { name: "TestAction", datasource: { pluginId: "123" } },
|
|
})(TestForm);
|
|
|
|
describe("DynamicTextFieldControl", () => {
|
|
beforeEach(() => {
|
|
mockCodemirrorRender();
|
|
});
|
|
it("renders template menu correctly", () => {
|
|
render(
|
|
<ReduxFormDecorator>
|
|
<DynamicTextFieldControl
|
|
actionName="TestAction"
|
|
configProperty="actionConfiguration.body"
|
|
controlType="DYNAMIC_TEXT_FIELD_CONTROL"
|
|
createTemplate={jest.fn()}
|
|
evaluationSubstitutionType={EvaluationSubstitutionType.TEMPLATE}
|
|
formName="TestForm"
|
|
id={"test"}
|
|
isValid
|
|
label={"TestAction body"}
|
|
onPropertyChange={jest.fn()}
|
|
pluginId="123"
|
|
responseType={"TABLE"}
|
|
/>
|
|
</ReduxFormDecorator>,
|
|
{
|
|
url: "/?showTemplate=true",
|
|
initialState: {
|
|
entities: {
|
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
// @ts-ignore
|
|
plugins: {
|
|
list: [
|
|
{
|
|
id: "123",
|
|
name: "testPlugin",
|
|
type: PluginType.DB,
|
|
packageName: "DB",
|
|
templates: {
|
|
CREATE: "test plugin template",
|
|
},
|
|
uiComponent: UIComponentTypes.DbEditorForm,
|
|
datasourceComponent: DatasourceComponentTypes.AutoForm,
|
|
},
|
|
],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
);
|
|
const createTemplateButton = screen.getByText("Create");
|
|
userEvent.click(createTemplateButton);
|
|
// Test each word separately because they are in different spans
|
|
expect(screen.getByText("test")).toBeDefined();
|
|
expect(screen.getByText("plugin")).toBeDefined();
|
|
expect(screen.getByText("template")).toBeDefined();
|
|
waitFor(async () => {
|
|
await expect(screen.findByText("Create")).toBeNull();
|
|
});
|
|
});
|
|
});
|