#514: User sees content snapshot on Category Page in Admin Panel - fixed for funcional tests

Author: Lukasz Borowiec

app/code/Magento/PageBuilder/view/adminhtml/web/js/config.js

@@ -45,6 +45,17 @@ export default class Config {
         Config.contentSnapshot = contentSnapshot;
     }
 
+    /**
+     * Set the content snapshot flag to inform other components about fullscreen mode
+     * when page builder is enabled
+     *
+     * @param flag
+     */
+    public static setContentSnapshotFullScreenMode(flag: boolean): void
+    {
+        Config.contentSnapshot.isFullScreen = flag;
+    }
+
     /**
      * Retrieve the current instances mode
      */

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/preview.js

@@ -24,6 +24,7 @@ export type ContentSnapshot = true | false;
 export interface ContentSnapshotInterface
 {
     pageBuilderId: string;
+    isFullScreen: boolean;
     contentSnapshotMode: ContentSnapshot;
 }
 

app/code/Magento/PageBuilder/view/adminhtml/web/js/page-builder.js

@@ -91,7 +91,7 @@ export default class Preview implements PreviewInterface {
             "empty-placeholder-background": this.isPlaceholderVisible,
         });
 
-        if (Config.getContentSnapshot().contentSnapshotMode) {
+        if (Config.getContentSnapshot().contentSnapshotMode && !Config.getContentSnapshot().isFullScreen) {
             this.accessibility(false);
         }
 
@@ -652,6 +652,7 @@ export default class Preview implements PreviewInterface {
     {
         if (Config.getContentSnapshot().contentSnapshotMode) {
           this.accessibility(args.fullScreen);
+          Config.setContentSnapshotFullScreenMode(args.fullScreen);
         }
     }
 }

app/code/Magento/PageBuilder/view/adminhtml/web/js/panel.js

@@ -43,7 +43,13 @@ export default class PageBuilder implements PageBuilderInterface {
     constructor(config: any, initialValue: string, contentSnapshot: boolean) {
         Config.setConfig(config);
         Config.setMode("Preview");
-        Config.setContentSnapshot({pageBuilderId: this.id, contentSnapshotMode: contentSnapshot});
+        Config.setContentSnapshot(
+            {
+                pageBuilderId: this.id,
+                isFullScreen: config.isFullScreen,
+                contentSnapshotMode: contentSnapshot
+            }
+        );
         this.preloadTemplates(config);
         this.initialValue = initialValue;
         this.isFullScreen(config.isFullScreen);

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/config.ts

@@ -288,6 +288,7 @@ export default class Panel {
     private toggleVisibility(args: any): void
     {
         if (Config.getContentSnapshot().contentSnapshotMode) {
+            Config.setContentSnapshotFullScreenMode(args.fullScreen);
             this.isVisible(args.fullScreen);
         }
     }