From eaa60c281eb8c11098b380278dd0e699cc83815c Mon Sep 17 00:00:00 2001
From: "SPRINX0\\prochazka" <jan.prochazka@sprinx.com>
Date: Mon, 16 Jun 2025 09:23:19 +0200
Subject: [PATCH] SYNC:  chart screenshot

---
 e2e-tests/cypress/e2e/browse-data.cy.js            | 14 ++++++++++++++
 e2e-tests/cypress/support/e2e.js                   |  8 ++++++++
 e2e-tests/env/browse-data/.env                     |  1 +
 packages/web/src/appobj/AppObjectCore.svelte       |  3 ++-
 .../web/src/appobj/PublicCloudFileAppObject.svelte |  1 +
 5 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/e2e-tests/cypress/e2e/browse-data.cy.js b/e2e-tests/cypress/e2e/browse-data.cy.js
index 6acb7603d..a36cb7134 100644
--- a/e2e-tests/cypress/e2e/browse-data.cy.js
+++ b/e2e-tests/cypress/e2e/browse-data.cy.js
@@ -488,4 +488,18 @@ describe('Data browser data', () => {
     cy.testid('DataDeployTab_importIntoDb').click();
     cy.themeshot('data-replicator');
   });
+
+  it('Public Knowledge base - show chart', () => {
+    cy.contains('MySql-connection').click();
+    cy.contains('MyChinook').click();
+    cy.testid('WidgetIconPanel_cloud-public').click();
+    cy.testid('public-cloud-file-tag-mysql/folder-MySQL/tag-premium/top-tables-row-count.sql').click();
+    cy.testid('chart-canvas').should($c => expect($c[0].toDataURL()).to.match(/^data:image\/png;base64/));
+    cy.themeshot('public-knowledge-base-tables-sizes');
+  });
+
+  // it('Private cloud - sign in', () => {
+  //   cy.testid('WidgetIconPanel_cloudAccount').click();
+  //   cy.themeshot('private-cloud-sign-in');
+  // });
 });
diff --git a/e2e-tests/cypress/support/e2e.js b/e2e-tests/cypress/support/e2e.js
index 02d375274..77858ac06 100644
--- a/e2e-tests/cypress/support/e2e.js
+++ b/e2e-tests/cypress/support/e2e.js
@@ -42,3 +42,11 @@ beforeEach(() => {
     });
   });
 });
+
+// Cypress.Screenshot.defaults({
+//   onBeforeScreenshot() {
+//     if (window.Chart) {
+//       Object.values(window.Chart.instances).forEach(c => c.resize());
+//     }
+//   },
+// });
diff --git a/e2e-tests/env/browse-data/.env b/e2e-tests/env/browse-data/.env
index 0dbbcb066..63329f03d 100644
--- a/e2e-tests/env/browse-data/.env
+++ b/e2e-tests/env/browse-data/.env
@@ -1,4 +1,5 @@
 CONNECTIONS=mysql,postgres,mongo,redis
+ALLOW_DBGATE_PRIVATE_CLOUD=1
 
 LABEL_mysql=MySql-connection
 SERVER_mysql=localhost
diff --git a/packages/web/src/appobj/AppObjectCore.svelte b/packages/web/src/appobj/AppObjectCore.svelte
index 24463411b..a7884af35 100644
--- a/packages/web/src/appobj/AppObjectCore.svelte
+++ b/packages/web/src/appobj/AppObjectCore.svelte
@@ -113,6 +113,7 @@
   on:drop
   bind:this={domDiv}
   {...divProps}
+  data-testid={$$props['data-testid']}
 >
   {#if checkedObjectsStore}
     <CheckboxField
@@ -211,7 +212,7 @@
   .isBold {
     font-weight: bold;
   }
-    .isGrayed {
+  .isGrayed {
     color: var(--theme-font-3);
   }
 
diff --git a/packages/web/src/appobj/PublicCloudFileAppObject.svelte b/packages/web/src/appobj/PublicCloudFileAppObject.svelte
index f507dfcbb..01f92d317 100644
--- a/packages/web/src/appobj/PublicCloudFileAppObject.svelte
+++ b/packages/web/src/appobj/PublicCloudFileAppObject.svelte
@@ -37,6 +37,7 @@
   menu={createMenu}
   on:click={handleOpenSqlFile}
   isGrayed={_.intersection($currentActiveCloudTags, data.tags || []).length == 0}
+  data-testid={`public-cloud-file-${data.path}`}
 >
   {#if data.description}
     <div class="info">