> Pull Request Template > > Use this template to quickly create a well written pull request. Delete all quotes before creating the pull request. > ## Description In last weeks effort of cleaning up Editor and Viewer parts of AnvilFlexComponent I had changed synthetic React callbacks to native ones #30780 . This has resulted in regression of widget toggling of widgets like Checkbox, Switch, etc. so changing them back to synthetic events by passing callbacks and props to the viewer part of AnvilFlexComponent. #### PR fixes following issue(s) Fixes # (issue number) > if no issue exists, please create an issue and ask the maintainers about this first > > #### Media > A video or a GIF is preferred. when using Loom, don’t embed because it looks like it’s a GIF. instead, just link to the video > > #### 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) - Breaking change (fix or feature that would cause existing functionality to not work as expected) - Chore (housekeeping or task changes that don't impact user perception) - This change requires a documentation update > > > ## Testing > #### How Has This Been Tested? > Please describe the tests that you ran to verify your changes. Also list any relevant details for your test configuration. > Delete anything that is not relevant - [ ] Manual - [ ] JUnit - [ ] 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 - [ ] My code follows the style guidelines of this project - [ ] I have performed a self-review of my own code - [ ] I have commented my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [ ] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [ ] New and existing unit tests pass locally with my changes - [ ] PR is being merged under a feature flag #### QA activity: - [ ] [Speedbreak features](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#speedbreakers-) have been covered - [ ] Test plan covers all impacted features and [areas of interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#areas-of-interest-) - [ ] Test plan has been peer reviewed by project stakeholders and other QA members - [ ] Manually tested functionality on DP - [ ] We had an implementation alignment call with stakeholders post QA Round 2 - [ ] Cypress test cases have been added and approved by SDET/manual QA - [ ] Added `Test Plan Approved` label after Cypress tests were reviewed - [ ] Added `Test Plan Approved` label after JUnit tests were reviewed <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a new testing suite for validating widget interactions in Anvil Layout Mode, focusing on switch and checkbox widgets. - Added new functionalities for switch and checkbox widgets, including selection toggling and state verification. - Enhanced Anvil editor components to support custom click behaviors, improving widget interaction in edit mode. - **Bug Fixes** - Addressed issues with native click callbacks interfering with widget events. - **Tests** - Added comprehensive test cases for new widget functionalities and interactions. - **Refactor** - Updated internal logic for widget selection and style adjustments based on interaction states. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
316 lines
10 KiB
TypeScript
316 lines
10 KiB
TypeScript
import { AggregateHelper } from "../Pages/AggregateHelper";
|
|
import { JSEditor } from "../Pages/JSEditor";
|
|
import { EntityExplorer } from "../Pages/EntityExplorer";
|
|
import { CommonLocators } from "./CommonLocators";
|
|
import { ApiPage } from "../Pages/ApiPage";
|
|
import { AdminSettings } from "../Pages/AdminSettings";
|
|
import { HomePage } from "../Pages/HomePage";
|
|
import { DataSources } from "../Pages/DataSources";
|
|
import { Table } from "../Pages/Table";
|
|
import { PropertyPane } from "../Pages/PropertyPane";
|
|
import { DeployMode } from "../Pages/DeployModeHelper";
|
|
import { GitSync } from "../Pages/GitSync";
|
|
import { FakerHelper } from "../Pages/FakerHelper";
|
|
import { DebuggerHelper } from "../Pages/DebuggerHelper";
|
|
import { LibraryInstaller } from "../Pages/LibraryInstaller";
|
|
import { PeekOverlay } from "../Pages/PeekOverlay";
|
|
import { InviteModal } from "../Pages/InviteModal";
|
|
import { AppSettings } from "../Pages/AppSettings/AppSettings";
|
|
import { GeneralSettings } from "../Pages/AppSettings/GeneralSettings";
|
|
import { PageSettings } from "../Pages/AppSettings/PageSettings";
|
|
import { ThemeSettings } from "../Pages/AppSettings/ThemeSettings";
|
|
import { EmbedSettings } from "../Pages/AppSettings/EmbedSettings";
|
|
import { Templates } from "../Pages/Templates";
|
|
import { Onboarding } from "../Pages/Onboarding";
|
|
import { AutoLayout } from "../Pages/AutoLayout";
|
|
import { DataManager } from "./DataManager";
|
|
import { AssertHelper } from "../Pages/AssertHelper";
|
|
import { Tabs } from "../Pages/Tabs";
|
|
import { GsheetHelper } from "../Pages/GSheetHelper";
|
|
import { CommunityTemplates } from "../Pages/CommunityTemplates";
|
|
import { AnvilLayout } from "../Pages/AnvilLayout";
|
|
import PartialImportExport from "../Pages/PartialImportExport";
|
|
import { WDSWidgets } from "../Pages/WDSWidgets";
|
|
|
|
export class ObjectsRegistry {
|
|
private static aggregateHelper__: AggregateHelper;
|
|
static get AggregateHelper(): AggregateHelper {
|
|
if (ObjectsRegistry.aggregateHelper__ === undefined) {
|
|
ObjectsRegistry.aggregateHelper__ = new AggregateHelper();
|
|
}
|
|
return ObjectsRegistry.aggregateHelper__;
|
|
}
|
|
|
|
private static assertHelper__: AssertHelper;
|
|
static get AssertHelper(): AssertHelper {
|
|
if (ObjectsRegistry.assertHelper__ === undefined) {
|
|
ObjectsRegistry.assertHelper__ = new AssertHelper();
|
|
}
|
|
return ObjectsRegistry.assertHelper__;
|
|
}
|
|
|
|
private static jsEditor__: JSEditor;
|
|
static get JSEditor(): JSEditor {
|
|
if (ObjectsRegistry.jsEditor__ === undefined) {
|
|
ObjectsRegistry.jsEditor__ = new JSEditor();
|
|
}
|
|
return ObjectsRegistry.jsEditor__;
|
|
}
|
|
|
|
private static commonLocators__: CommonLocators;
|
|
static get CommonLocators(): CommonLocators {
|
|
if (ObjectsRegistry.commonLocators__ === undefined) {
|
|
ObjectsRegistry.commonLocators__ = new CommonLocators();
|
|
}
|
|
return ObjectsRegistry.commonLocators__;
|
|
}
|
|
|
|
private static entityExplorer__: EntityExplorer;
|
|
static get EntityExplorer(): EntityExplorer {
|
|
if (ObjectsRegistry.entityExplorer__ === undefined) {
|
|
ObjectsRegistry.entityExplorer__ = new EntityExplorer();
|
|
}
|
|
return ObjectsRegistry.entityExplorer__;
|
|
}
|
|
|
|
private static apiPage__: ApiPage;
|
|
static get ApiPage(): ApiPage {
|
|
if (ObjectsRegistry.apiPage__ === undefined) {
|
|
ObjectsRegistry.apiPage__ = new ApiPage();
|
|
}
|
|
return ObjectsRegistry.apiPage__;
|
|
}
|
|
|
|
private static adminSettings__: AdminSettings;
|
|
static get AdminSettings(): AdminSettings {
|
|
if (ObjectsRegistry.adminSettings__ === undefined) {
|
|
ObjectsRegistry.adminSettings__ = new AdminSettings();
|
|
}
|
|
return ObjectsRegistry.adminSettings__;
|
|
}
|
|
|
|
private static homePage__: HomePage;
|
|
static get HomePage(): HomePage {
|
|
if (ObjectsRegistry.homePage__ === undefined) {
|
|
ObjectsRegistry.homePage__ = new HomePage();
|
|
}
|
|
return ObjectsRegistry.homePage__;
|
|
}
|
|
|
|
private static dataSources__: DataSources;
|
|
static get DataSources(): DataSources {
|
|
if (ObjectsRegistry.dataSources__ === undefined) {
|
|
ObjectsRegistry.dataSources__ = new DataSources();
|
|
}
|
|
return ObjectsRegistry.dataSources__;
|
|
}
|
|
|
|
private static table__: Table;
|
|
static get Table(): Table {
|
|
if (ObjectsRegistry.table__ === undefined) {
|
|
ObjectsRegistry.table__ = new Table();
|
|
}
|
|
return ObjectsRegistry.table__;
|
|
}
|
|
|
|
private static tabs__: Tabs;
|
|
static get Tabs(): Tabs {
|
|
if (ObjectsRegistry.tabs__ === undefined) {
|
|
ObjectsRegistry.tabs__ = new Tabs();
|
|
}
|
|
return ObjectsRegistry.tabs__;
|
|
}
|
|
|
|
private static propertyPane__: PropertyPane;
|
|
static get PropertyPane(): PropertyPane {
|
|
if (ObjectsRegistry.propertyPane__ === undefined) {
|
|
ObjectsRegistry.propertyPane__ = new PropertyPane();
|
|
}
|
|
return ObjectsRegistry.propertyPane__;
|
|
}
|
|
|
|
private static deployMode__: DeployMode;
|
|
static get DeployMode(): DeployMode {
|
|
if (ObjectsRegistry.deployMode__ === undefined) {
|
|
ObjectsRegistry.deployMode__ = new DeployMode();
|
|
}
|
|
return ObjectsRegistry.deployMode__;
|
|
}
|
|
|
|
private static gitSync__: GitSync;
|
|
static get GitSync(): GitSync {
|
|
if (ObjectsRegistry.gitSync__ === undefined) {
|
|
ObjectsRegistry.gitSync__ = new GitSync();
|
|
}
|
|
return ObjectsRegistry.gitSync__;
|
|
}
|
|
|
|
private static fakerHelper__: FakerHelper;
|
|
static get FakerHelper(): FakerHelper {
|
|
if (ObjectsRegistry.fakerHelper__ === undefined) {
|
|
ObjectsRegistry.fakerHelper__ = new FakerHelper();
|
|
}
|
|
return ObjectsRegistry.fakerHelper__;
|
|
}
|
|
|
|
private static debuggerHelper__: DebuggerHelper;
|
|
static get DebuggerHelper(): DebuggerHelper {
|
|
if (ObjectsRegistry.debuggerHelper__ === undefined) {
|
|
ObjectsRegistry.debuggerHelper__ = new DebuggerHelper();
|
|
}
|
|
return ObjectsRegistry.debuggerHelper__;
|
|
}
|
|
|
|
private static appSettings__: AppSettings;
|
|
static get AppSettings(): AppSettings {
|
|
if (ObjectsRegistry.appSettings__ === undefined) {
|
|
ObjectsRegistry.appSettings__ = new AppSettings();
|
|
}
|
|
return ObjectsRegistry.appSettings__;
|
|
}
|
|
|
|
private static generalSettings__: GeneralSettings;
|
|
static get GeneralSettings(): GeneralSettings {
|
|
if (ObjectsRegistry.generalSettings__ === undefined) {
|
|
ObjectsRegistry.generalSettings__ = new GeneralSettings();
|
|
}
|
|
return ObjectsRegistry.generalSettings__;
|
|
}
|
|
|
|
private static pageSettings__: PageSettings;
|
|
static get PageSettings(): PageSettings {
|
|
if (ObjectsRegistry.pageSettings__ === undefined) {
|
|
ObjectsRegistry.pageSettings__ = new PageSettings();
|
|
}
|
|
return ObjectsRegistry.pageSettings__;
|
|
}
|
|
|
|
private static themeSettings__: ThemeSettings;
|
|
static get ThemeSettings(): ThemeSettings {
|
|
if (ObjectsRegistry.themeSettings__ === undefined) {
|
|
ObjectsRegistry.themeSettings__ = new ThemeSettings();
|
|
}
|
|
return ObjectsRegistry.themeSettings__;
|
|
}
|
|
|
|
private static embedSettings__: EmbedSettings;
|
|
static get EmbedSettings(): EmbedSettings {
|
|
if (ObjectsRegistry.embedSettings__ === undefined) {
|
|
ObjectsRegistry.embedSettings__ = new EmbedSettings();
|
|
}
|
|
return ObjectsRegistry.embedSettings__;
|
|
}
|
|
|
|
private static LibraryInstaller__: LibraryInstaller;
|
|
static get LibraryInstaller(): LibraryInstaller {
|
|
if (ObjectsRegistry.LibraryInstaller__ === undefined) {
|
|
ObjectsRegistry.LibraryInstaller__ = new LibraryInstaller();
|
|
}
|
|
return ObjectsRegistry.LibraryInstaller__;
|
|
}
|
|
|
|
private static peekOverlay__: PeekOverlay;
|
|
static get PeekOverlay(): PeekOverlay {
|
|
if (ObjectsRegistry.peekOverlay__ === undefined) {
|
|
ObjectsRegistry.peekOverlay__ = new PeekOverlay();
|
|
}
|
|
return ObjectsRegistry.peekOverlay__;
|
|
}
|
|
|
|
private static inviteModal__: InviteModal;
|
|
static get InviteModal(): InviteModal {
|
|
if (ObjectsRegistry.inviteModal__ === undefined) {
|
|
ObjectsRegistry.inviteModal__ = new InviteModal();
|
|
}
|
|
return ObjectsRegistry.inviteModal__;
|
|
}
|
|
|
|
private static templates__: Templates;
|
|
static get Templates(): Templates {
|
|
if (ObjectsRegistry.templates__ === undefined) {
|
|
ObjectsRegistry.templates__ = new Templates();
|
|
}
|
|
return ObjectsRegistry.templates__;
|
|
}
|
|
|
|
private static onboarding__: Onboarding;
|
|
static get Onboarding(): Onboarding {
|
|
if (ObjectsRegistry.onboarding__ === undefined) {
|
|
ObjectsRegistry.onboarding__ = new Onboarding();
|
|
}
|
|
return ObjectsRegistry.onboarding__;
|
|
}
|
|
|
|
private static autoLayout__: AutoLayout;
|
|
static get AutoLayout(): AutoLayout {
|
|
if (ObjectsRegistry.autoLayout__ === undefined) {
|
|
ObjectsRegistry.autoLayout__ = new AutoLayout();
|
|
}
|
|
return ObjectsRegistry.autoLayout__;
|
|
}
|
|
|
|
private static anvilLayout__: AnvilLayout;
|
|
static get AnvilLayout(): AnvilLayout {
|
|
if (ObjectsRegistry.anvilLayout__ === undefined) {
|
|
ObjectsRegistry.anvilLayout__ = new AnvilLayout();
|
|
}
|
|
return ObjectsRegistry.anvilLayout__;
|
|
}
|
|
|
|
private static wdsWidgets__: WDSWidgets;
|
|
static get WDSWidgets(): WDSWidgets {
|
|
if (ObjectsRegistry.wdsWidgets__ === undefined) {
|
|
ObjectsRegistry.wdsWidgets__ = new WDSWidgets();
|
|
}
|
|
return ObjectsRegistry.wdsWidgets__;
|
|
}
|
|
|
|
private static dataManager__: DataManager;
|
|
static get DataManager(): DataManager {
|
|
if (ObjectsRegistry.dataManager__ === undefined) {
|
|
ObjectsRegistry.dataManager__ = new DataManager();
|
|
}
|
|
return ObjectsRegistry.dataManager__;
|
|
}
|
|
|
|
private static gsheetHelper__: GsheetHelper;
|
|
static get GSheetHelper(): GsheetHelper {
|
|
if (ObjectsRegistry.gsheetHelper__ === undefined) {
|
|
ObjectsRegistry.gsheetHelper__ = new GsheetHelper();
|
|
}
|
|
return ObjectsRegistry.gsheetHelper__;
|
|
}
|
|
|
|
private static communityTemplates__: CommunityTemplates;
|
|
static get CommunityTemplates(): CommunityTemplates {
|
|
if (ObjectsRegistry.communityTemplates__ === undefined) {
|
|
ObjectsRegistry.communityTemplates__ = new CommunityTemplates();
|
|
}
|
|
return ObjectsRegistry.communityTemplates__;
|
|
}
|
|
|
|
private static partialImportExport__: PartialImportExport;
|
|
static get PartialImportExport(): PartialImportExport {
|
|
if (ObjectsRegistry.partialImportExport__ === undefined) {
|
|
ObjectsRegistry.partialImportExport__ = new PartialImportExport();
|
|
}
|
|
return ObjectsRegistry.partialImportExport__;
|
|
}
|
|
}
|
|
|
|
export const initLocalstorageRegistry = () => {
|
|
cy.window().then((window) => {
|
|
window.localStorage.setItem("ShowCommentsButtonToolTip", "");
|
|
window.localStorage.setItem("updateDismissed", "true");
|
|
});
|
|
localStorage.setItem("inDeployedMode", "false");
|
|
};
|
|
|
|
declare namespace Cypress {
|
|
namespace Cypress {
|
|
interface Chainable {
|
|
TypeTab: (shiftKey: boolean, ctrlKey: boolean) => void;
|
|
}
|
|
}
|
|
}
|