893fd34cdd
* initial commit * props hoc * changes * removed ignores and withWidgetProps * added extra props to canvasStructure * widget props changes * list widget changes * reintroduced widget props hook and other refactors * remove warnings * added deepequal for childWidgets selector * fix global hotkeys and tabs widget jest test * fix main container test fix * fixed view mode width * fix form widget values * minor fix * fix skeleton * form widget validity fix * jest test fix * fixed tests: GlobalHotkeys, Tabs, CanvasSelectectionArena and fixed main container rendering * minor fix * minor comments * reverted commented code * simplified structure, selective redux state updates and other inconsistencies * fix junit test cases * stop form widget from force rendering children * fix test case * random commit to re run tests * update isFormValid prop only if it exists * detangling circular dependency * fixing cypress tests * cleaned up code * clean up man cnavas props and fix jest cases * fix rendering order of child widgets for canvas * fix dropdown reset spec * adding comments * cleaning up unwanted code * fix multiselect widget on deploy * adressing review comments * addressing minor review comment changes * destructuring modal widget child and fix test case * fix communityIssues cypress spec * rewrite isVisible logic to match previous behaviour * merging widget props with component props before checking isVisible * adressing review comments for modal widget's isVisible Co-authored-by: rahulramesha <rahul@appsmith.com>
95 lines
3.2 KiB
TypeScript
95 lines
3.2 KiB
TypeScript
import {
|
|
buildChildren,
|
|
widgetCanvasFactory,
|
|
} from "test/factories/WidgetFactoryUtils";
|
|
import { render, fireEvent } from "test/testUtils";
|
|
import * as widgetRenderUtils from "utils/widgetRenderUtils";
|
|
import * as dataTreeSelectors from "selectors/dataTreeSelectors";
|
|
import * as editorSelectors from "selectors/editorSelectors";
|
|
import Canvas from "pages/Editor/Canvas";
|
|
import React from "react";
|
|
import {
|
|
mockCreateCanvasWidget,
|
|
mockGetWidgetEvalValues,
|
|
MockPageDSL,
|
|
} from "test/testCommon";
|
|
|
|
describe("Tabs widget functional cases", () => {
|
|
jest
|
|
.spyOn(dataTreeSelectors, "getWidgetEvalValues")
|
|
.mockImplementation(mockGetWidgetEvalValues);
|
|
jest
|
|
.spyOn(editorSelectors, "computeMainContainerWidget")
|
|
.mockImplementation((widget) => widget as any);
|
|
jest
|
|
.spyOn(widgetRenderUtils, "createCanvasWidget")
|
|
.mockImplementation(mockCreateCanvasWidget);
|
|
|
|
it("Should render 2 tabs by default", () => {
|
|
const children: any = buildChildren([{ type: "TABS_WIDGET" }]);
|
|
const dsl: any = widgetCanvasFactory.build({
|
|
children,
|
|
});
|
|
const component = render(
|
|
<MockPageDSL dsl={dsl}>
|
|
<Canvas
|
|
canvasWidth={dsl.rightColumn}
|
|
pageId="page_id"
|
|
widgetsStructure={dsl}
|
|
/>
|
|
</MockPageDSL>,
|
|
);
|
|
const tab1 = component.queryByText("Tab 1");
|
|
const tab2 = component.queryByText("Tab 2");
|
|
expect(tab1).toBeDefined();
|
|
expect(tab2).toBeDefined();
|
|
});
|
|
|
|
it("Should render components inside tabs by default", () => {
|
|
const tab1Children = buildChildren([
|
|
{ type: "SWITCH_WIDGET", label: "Tab1 Switch" },
|
|
{ type: "CHECKBOX_WIDGET", label: "Tab1 Checkbox" },
|
|
]);
|
|
const tab2Children = buildChildren([
|
|
{ type: "INPUT_WIDGET_V2", text: "Tab2 Text" },
|
|
{ type: "BUTTON_WIDGET", label: "Tab2 Button" },
|
|
]);
|
|
const children: any = buildChildren([{ type: "TABS_WIDGET" }]);
|
|
children[0].children[0].children = tab1Children;
|
|
children[0].children[1].children = tab2Children;
|
|
const dsl: any = widgetCanvasFactory.build({
|
|
children,
|
|
});
|
|
const component = render(
|
|
<MockPageDSL dsl={dsl}>
|
|
<Canvas
|
|
canvasWidth={dsl.rightColumn}
|
|
pageId="page_id"
|
|
widgetsStructure={dsl}
|
|
/>
|
|
</MockPageDSL>,
|
|
);
|
|
const tab1 = component.queryByText("Tab 1");
|
|
const tab2: any = component.queryByText("Tab 2");
|
|
expect(tab1).toBeDefined();
|
|
expect(tab2).toBeDefined();
|
|
let tab1Switch = component.queryByText("Tab1 Switch");
|
|
let tab1Checkbox = component.queryByText("Tab1 Checkbox");
|
|
let tab2Input = component.queryByText("Tab2 Text");
|
|
let tab2Button = component.queryByText("Tab2 Button");
|
|
expect(tab1Switch).toBeDefined();
|
|
expect(tab1Checkbox).toBeDefined();
|
|
expect(tab2Input).toBeNull();
|
|
expect(tab2Button).toBeNull();
|
|
fireEvent.click(tab2);
|
|
tab1Switch = component.queryByText("Tab1 Switch");
|
|
tab1Checkbox = component.queryByText("Tab1 Checkbox");
|
|
tab2Input = component.queryByText("Tab2 Text");
|
|
tab2Button = component.queryByText("Tab2 Button");
|
|
expect(tab1Switch).toBeNull();
|
|
expect(tab1Checkbox).toBeNull();
|
|
expect(tab2Input).toBeDefined();
|
|
expect(tab2Button).toBeDefined();
|
|
});
|
|
});
|