## Description
>
```
const isOnCanvas = matchBuilderPath(window.location.pathname);
if (isOnCanvas) {
dispatch(showDebuggerAction(!showDebugger));
}}
```
The condition check to verify if we are on canvas was removed as we are
opening debugger throughout all pages.
> Now debugger is accessible from all pages in Appsmith. (Earlier it was
not present in Datasources pages.)
Fixes #19567
#21935
#21934
#21907
#21223
Media
> [Video](https://www.loom.com/share/ff5eebb5e0a74e0bad6ead26050b5833)
## Type of change
> Please delete options that are not relevant.
- Bug fix (non-breaking change which fixes an issue)
- New feature (non-breaking change which adds functionality)
## How Has This Been Tested?
- Manual
- Jest
- Cypress
### Test Plan
> Add Testsmith test cases links that relate to this PR
### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)
## Checklist:
### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag
### QA activity:
- [ ] Test plan has been approved by relevant developers
- [ ] Test plan has been peer reviewed by QA
- [ ] Cypress test cases have been added and approved by either SDET or
manual QA
- [ ] Organized project review call with relevant stakeholders after
Round 1/2 of QA
- [ ] Added Test Plan Approved label after reveiwing all Cypress test
921 lines
26 KiB
TypeScript
921 lines
26 KiB
TypeScript
import { Severity, ENTITY_TYPE, LOG_CATEGORY } from "entities/AppsmithConsole";
|
|
import LOG_TYPE from "entities/AppsmithConsole/logtype";
|
|
import type { DataTree } from "entities/DataTree/dataTreeFactory";
|
|
import type { CanvasWidgetsReduxState } from "reducers/entityReducers/canvasWidgetsReducer";
|
|
import { PropertyEvaluationErrorType } from "utils/DynamicBindingUtils";
|
|
import { getFilteredErrors } from "./debuggerSelectors";
|
|
|
|
describe("getFilteredErrors", () => {
|
|
it("hides error from hidden widget in main canvas", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"main_input_id-defaultText": {
|
|
id: "main_input_id-defaultText",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at defaultText is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "main_input_id",
|
|
name: "main_input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "defaultText",
|
|
},
|
|
state: {
|
|
defaultText: "",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
timestamp: "02:40:10",
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
main_input_id: {
|
|
widgetName: "main_input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "main_input_id",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
main_input: {
|
|
isVisible: false,
|
|
parentId: "0",
|
|
widgetId: "main_input_id",
|
|
type: "INPUT_WIDGET_V2",
|
|
ENTITY_TYPE: ENTITY_TYPE.WIDGET,
|
|
},
|
|
},
|
|
expectedResult: {},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("hides error from widget in closed modal", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"modal_input-defaultText": {
|
|
id: "modal_input-defaultText",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at defaultText is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "modal_input",
|
|
name: "ModalInput",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "defaultText",
|
|
},
|
|
state: {
|
|
defaultText: "",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
modal_input: {
|
|
widgetName: "ModalInput",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "modal_input",
|
|
parentId: "modal_canvas_id",
|
|
},
|
|
modal_canvas_id: {
|
|
widgetName: "ModalCanvas",
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "modal_canvas_id",
|
|
parentId: "modal1_id",
|
|
},
|
|
modal1_id: {
|
|
widgetName: "Modal1",
|
|
type: "MODAL_WIDGET",
|
|
widgetId: "modal1_id",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
ModalInput: {
|
|
isVisible: true,
|
|
parentId: "modal_canvas_id",
|
|
widgetId: "modal_input",
|
|
type: "INPUT_WIDGET_V2",
|
|
ENTITY_TYPE: ENTITY_TYPE.WIDGET,
|
|
},
|
|
ModalCanvas: {
|
|
isVisible: true,
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "modal_canvas_id",
|
|
parentId: "modal1_id",
|
|
ENTITY_TYPE: ENTITY_TYPE.WIDGET,
|
|
},
|
|
Modal1: {
|
|
isVisible: false,
|
|
type: "MODAL_WIDGET",
|
|
widgetId: "modal1_id",
|
|
parentId: "0",
|
|
ENTITY_TYPE: ENTITY_TYPE.WIDGET,
|
|
},
|
|
},
|
|
expectedResult: {},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("hides error from widget in non-active tab", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"tab2_input-defaultText": {
|
|
id: "tab2_input-defaultText",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at defaultText is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "tab2_input",
|
|
name: "Tab2Input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "defaultText",
|
|
},
|
|
state: {
|
|
defaultText: "",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
tab1_id: {
|
|
tabId: "tab1",
|
|
widgetName: "Tab1Canvas",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 1",
|
|
widgetId: "tab1_id",
|
|
parentId: "tabs_widget_id",
|
|
},
|
|
tab2_input: {
|
|
widgetName: "Tab2Input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "tab2_input",
|
|
parentId: "tab2_id",
|
|
},
|
|
tab2_id: {
|
|
tabId: "tab2",
|
|
widgetName: "Tab2Canvas",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 2",
|
|
widgetId: "tab2_id",
|
|
parentId: "tabs_widget_id",
|
|
},
|
|
tabs_widget_id: {
|
|
widgetName: "Tabs1",
|
|
type: "TABS_WIDGET",
|
|
widgetId: "tabs_widget_id",
|
|
defaultTab: "Tab 1",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
Tab1Canvas: {
|
|
tabId: "tab1",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 1",
|
|
widgetId: "tab1_id",
|
|
isVisible: true,
|
|
parentId: "tabs_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tab2Input: {
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "tab2_input",
|
|
isVisible: true,
|
|
parentId: "tab2_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tab2Canvas: {
|
|
tabId: "tab2",
|
|
tabName: "Tab 2",
|
|
widgetId: "tab2_id",
|
|
isVisible: true,
|
|
parentId: "tabs_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tabs1: {
|
|
isVisible: true,
|
|
widgetName: "Tabs1",
|
|
type: "TABS_WIDGET",
|
|
widgetId: "tabs_widget_id",
|
|
defaultTab: "Tab 1",
|
|
parentId: "0",
|
|
selectedTab: "Tab 1",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
},
|
|
expectedResult: {},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("hides error from widget in active tab (hidden tab widget)", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"tab2_input-defaultText": {
|
|
id: "tab2_input-defaultText",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at defaultText is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "tab2_input",
|
|
name: "Tab2Input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "defaultText",
|
|
},
|
|
state: {
|
|
defaultText: "",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
tab1_id: {
|
|
tabId: "tab1",
|
|
widgetName: "Tab1Canvas",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 1",
|
|
widgetId: "tab1_id",
|
|
parentId: "tabs_widget_id",
|
|
},
|
|
tab2_input: {
|
|
widgetName: "Tab2Input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "tab2_input",
|
|
parentId: "tab2_id",
|
|
},
|
|
tab2_id: {
|
|
tabId: "tab2",
|
|
widgetName: "Tab2Canvas",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 2",
|
|
widgetId: "tab2_id",
|
|
parentId: "tabs_widget_id",
|
|
},
|
|
tabs_widget_id: {
|
|
widgetName: "Tabs1",
|
|
type: "TABS_WIDGET",
|
|
widgetId: "tabs_widget_id",
|
|
defaultTab: "Tab 1",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
Tab1Canvas: {
|
|
tabId: "tab1",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 1",
|
|
widgetId: "tab1_id",
|
|
isVisible: true,
|
|
parentId: "tabs_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tab2Input: {
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "tab2_input",
|
|
isVisible: true,
|
|
parentId: "tab2_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tab2Canvas: {
|
|
tabId: "tab2",
|
|
tabName: "Tab 2",
|
|
widgetId: "tab2_id",
|
|
isVisible: true,
|
|
parentId: "tabs_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tabs1: {
|
|
isVisible: false,
|
|
widgetName: "Tabs1",
|
|
type: "TABS_WIDGET",
|
|
widgetId: "tabs_widget_id",
|
|
defaultTab: "Tab 1",
|
|
parentId: "0",
|
|
selectedTab: "Tab 2",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
},
|
|
expectedResult: {},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("hides error from widget in active tab (tab widget inside hidden container)", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"tab2_input-defaultText": {
|
|
id: "tab2_input-defaultText",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at defaultText is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "tab2_input",
|
|
name: "Tab2Input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "defaultText",
|
|
},
|
|
state: {
|
|
defaultText: "",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
tab1_id: {
|
|
tabId: "tab1",
|
|
widgetName: "Tab1Canvas",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 1",
|
|
widgetId: "tab1_id",
|
|
parentId: "tabs_widget_id",
|
|
},
|
|
tab2_input: {
|
|
widgetName: "Tab2Input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "tab2_input",
|
|
parentId: "tab2_id",
|
|
},
|
|
tab2_id: {
|
|
tabId: "tab2",
|
|
widgetName: "Tab2Canvas",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 2",
|
|
widgetId: "tab2_id",
|
|
parentId: "tabs_widget_id",
|
|
},
|
|
tabs_widget_id: {
|
|
widgetName: "Tabs1",
|
|
type: "TABS_WIDGET",
|
|
widgetId: "tabs_widget_id",
|
|
defaultTab: "Tab 1",
|
|
parentId: "canvas_widget_id",
|
|
},
|
|
canvas_widget_id: {
|
|
widgetName: "ContainerCanvas",
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
parentId: "container1_id",
|
|
},
|
|
container1_id: {
|
|
widgetName: "Container1",
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
Tab1Canvas: {
|
|
tabId: "tab1",
|
|
type: "CANVAS_WIDGET",
|
|
tabName: "Tab 1",
|
|
widgetId: "tab1_id",
|
|
isVisible: true,
|
|
parentId: "tabs_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tab2Input: {
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "tab2_input",
|
|
isVisible: true,
|
|
parentId: "tab2_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tab2Canvas: {
|
|
tabId: "tab2",
|
|
tabName: "Tab 2",
|
|
widgetId: "tab2_id",
|
|
isVisible: true,
|
|
parentId: "tabs_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Tabs1: {
|
|
isVisible: true,
|
|
widgetName: "Tabs1",
|
|
type: "TABS_WIDGET",
|
|
widgetId: "tabs_widget_id",
|
|
defaultTab: "Tab 1",
|
|
parentId: "canvas_widget_id",
|
|
selectedTab: "Tab 2",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
ContainerCanvas: {
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
isVisible: true,
|
|
parentId: "container1_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Container1: {
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
isVisible: false,
|
|
parentId: "0",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
},
|
|
expectedResult: {},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("hides error from widget in hidden container", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"container1_input_id-defaultText": {
|
|
id: "container1_input_id-defaultText",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at defaultText is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "container1_input_id",
|
|
name: "container1_input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "defaultText",
|
|
},
|
|
state: {
|
|
defaultText: "",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
container1_input_id: {
|
|
widgetName: "container1_input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "container1_input_id",
|
|
parentId: "canvas_widget_id",
|
|
},
|
|
canvas_widget_id: {
|
|
widgetName: "ContainerCanvas",
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
parentId: "container1_id",
|
|
},
|
|
container1_id: {
|
|
widgetName: "Container1",
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
container1_input: {
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "container1_input_id",
|
|
isVisible: true,
|
|
parentId: "canvas_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
ContainerCanvas: {
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
isVisible: true,
|
|
parentId: "container1_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Container1: {
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
isVisible: false,
|
|
parentId: "0",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
},
|
|
expectedResult: {},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("shows error for widget with faulty binding for isVisible prop", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"main_input_id-isVisible": {
|
|
id: "main_input_id-isVisible",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at isVisible is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "main_input_id",
|
|
name: "main_input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "isVisible",
|
|
},
|
|
state: {
|
|
isVisible: "{{users}}",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
main_input_id: {
|
|
widgetName: "main_input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "main_input_id",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
main_input: {
|
|
isVisible: false,
|
|
parentId: "0",
|
|
widgetId: "main_input_id",
|
|
type: "INPUT_WIDGET_V2",
|
|
ENTITY_TYPE: ENTITY_TYPE.WIDGET,
|
|
},
|
|
},
|
|
expectedResult: {
|
|
"main_input_id-isVisible": {
|
|
id: "main_input_id-isVisible",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
text: "The value at isVisible is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "main_input_id",
|
|
name: "main_input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "isVisible",
|
|
},
|
|
state: {
|
|
isVisible: "{{users}}",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("shows error for widget with faulty binding for isVisible prop (visible parent container)", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"container1_input_id-isVisible": {
|
|
id: "container1_input_id-isVisible",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at isVisible is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "container1_input_id",
|
|
name: "container1_input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "isVisible",
|
|
},
|
|
state: {
|
|
isVisible: "{{users}}",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
container1_input_id: {
|
|
widgetName: "container1_input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "container1_input_id",
|
|
parentId: "canvas_widget_id",
|
|
},
|
|
canvas_widget_id: {
|
|
widgetName: "ContainerCanvas",
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
parentId: "container1_id",
|
|
},
|
|
container1_id: {
|
|
widgetName: "Container1",
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
container1_input: {
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "container1_input_id",
|
|
isVisible: false,
|
|
parentId: "canvas_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
ContainerCanvas: {
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
isVisible: true,
|
|
parentId: "container1_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Container1: {
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
isVisible: true,
|
|
parentId: "0",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
},
|
|
expectedResult: {
|
|
"container1_input_id-isVisible": {
|
|
id: "container1_input_id-isVisible",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at isVisible is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "container1_input_id",
|
|
name: "container1_input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "isVisible",
|
|
},
|
|
state: {
|
|
isVisible: "{{users}}",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
|
|
it("hides error for widget with faulty binding for isVisible prop (hidden parent container)", () => {
|
|
const TestData = {
|
|
debuggerErrors: {
|
|
"container1_input_id-isVisible": {
|
|
id: "container1_input_id-isVisible",
|
|
logType: LOG_TYPE.EVAL_ERROR,
|
|
text: "The value at isVisible is invalid",
|
|
messages: [
|
|
{
|
|
message: {
|
|
name: "TypeError",
|
|
message:
|
|
"Cannot read properties of undefined (reading 'users')",
|
|
},
|
|
type: PropertyEvaluationErrorType.PARSE,
|
|
},
|
|
],
|
|
source: {
|
|
id: "container1_input_id",
|
|
name: "container1_input",
|
|
type: ENTITY_TYPE.WIDGET,
|
|
propertyPath: "isVisible",
|
|
},
|
|
state: {
|
|
isVisible: "{{users}}",
|
|
},
|
|
analytics: {
|
|
widgetType: "INPUT_WIDGET_V2",
|
|
},
|
|
severity: Severity.ERROR,
|
|
category: LOG_CATEGORY.PLATFORM_GENERATED,
|
|
timestamp: "02:40:10",
|
|
isExpanded: false,
|
|
},
|
|
},
|
|
canvasWidgets: {
|
|
container1_input_id: {
|
|
widgetName: "container1_input",
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "container1_input_id",
|
|
parentId: "canvas_widget_id",
|
|
},
|
|
canvas_widget_id: {
|
|
widgetName: "ContainerCanvas",
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
parentId: "container1_id",
|
|
},
|
|
container1_id: {
|
|
widgetName: "Container1",
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
parentId: "0",
|
|
},
|
|
},
|
|
dataTree: {
|
|
container1_input: {
|
|
type: "INPUT_WIDGET_V2",
|
|
widgetId: "container1_input_id",
|
|
isVisible: false,
|
|
parentId: "canvas_widget_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
ContainerCanvas: {
|
|
type: "CANVAS_WIDGET",
|
|
widgetId: "canvas_widget_id",
|
|
isVisible: true,
|
|
parentId: "container1_id",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
Container1: {
|
|
type: "CONTAINER_WIDGET",
|
|
widgetId: "container1_id",
|
|
isVisible: false,
|
|
parentId: "0",
|
|
ENTITY_TYPE: "WIDGET",
|
|
},
|
|
},
|
|
expectedResult: {},
|
|
};
|
|
const result = getFilteredErrors.resultFunc(
|
|
TestData.debuggerErrors,
|
|
false,
|
|
TestData.canvasWidgets as unknown as CanvasWidgetsReduxState,
|
|
TestData.dataTree as unknown as DataTree,
|
|
);
|
|
expect(result).toStrictEqual(TestData.expectedResult);
|
|
});
|
|
});
|