SYNC: chart screenshot

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');
+  // });
 });

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());
+//     }
+//   },
+// });

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

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);
   }
 

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">