PromucFlow_constructor/app/client/test/testMockedWidgets.tsx

import { APP_MODE } from "entities/App";
import AppViewerPageContainer from "pages/AppViewer/AppViewerPageContainer";
import Canvas from "pages/Editor/Canvas";
import IDE from "pages/Editor/IDE";
import React from "react";
import { useSelector } from "react-redux";
import { getCanvasWidgetsStructure } from "@appsmith/selectors/entitiesSelector";
import { useMockDsl } from "./testCommon";

export function MockCanvas() {
  const canvasWidgetsStructure = useSelector(getCanvasWidgetsStructure);
  return (
    <Canvas
      canvasWidth={0}
      pageId=""
      widgetsStructure={canvasWidgetsStructure}
    />
  );
}

export function UpdateAppViewer({ dsl }: any) {
  useMockDsl(dsl, APP_MODE.PUBLISHED);
  return <AppViewerPageContainer />;
}
export function UpdatedEditor({ dsl }: any) {
  useMockDsl(dsl, APP_MODE.EDIT);
  return <IDE />;
}