Merge pull request #100 from 10gen/charts-saas

Merge Charts-SaaS into Master

Author: jeff-allen-mongo

Makefile

@@ -48,4 +48,4 @@ screenshots:
 	#node build/docs-tools/tools/screenshot-tool/screenshots.js `pwd`/screenshot-scripts/user-management.js
 	#node build/docs-tools/tools/screenshot-tool/screenshots.js `pwd`/screenshot-scripts/movie-tutorial.js
 	#node build/docs-tools/tools/screenshot-tool/screenshots.js `pwd`/screenshot-scripts/data-sources.js `pwd`/screenshot-scripts/.properties.ini
-	node build/screencapture-tool/screenshots.js `pwd`/screenshot-scripts/edit-chart-add-filter.js `pwd`/screenshot-scripts/.properties.ini
+	node build/screencapture-tool/screenshots.js `pwd`/screenshot-scripts/data-table-dynamic.js `pwd`/screenshot-scripts/.properties.ini

conf.py

@@ -60,7 +60,8 @@
     '.. |charts| replace:: MongoDB Charts',
     '.. |charts-short| replace:: Charts',
     '.. |checkmark| unicode:: U+2713',
-    '.. |tls-ssl| replace:: :abbr:`TLS (Transport Layer Security)`/:abbr:`SSL (Secure Sockets Layer)`'
+    '.. |tls-ssl| replace:: :abbr:`TLS (Transport Layer Security)`/:abbr:`SSL (Secure Sockets Layer)`',
+    '.. |service| replace:: Atlas'
 ]
 
 rst_epilog.extend(get_replacements(conf))

config/sphinx_local.yaml

@@ -21,6 +21,7 @@ theme:
      - /tutorial/order-data/order-data-tutorial-overview
      - /tutorial/movie-details/movie-details-tutorial-overview
      - /chart-types
+     - /customize-charts
 sidebars:
   '**':
     - 'pagenav.html'

screenshot-scripts/data-table-basic.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const screenshotNames = ['data-table-basic-example.png'];
+const screenshotDir = './screenshots-temp';
+const origImageDir = './source/images/charts';
+
+exports.run = async function (options) {
+  const nightmare = options.nightmare;
+  const originalPath = `${origImageDir}/${screenshotNames[0]}`;
+  const screenshotPath = `${screenshotDir}/${screenshotNames[0]}`;
+
+  await options.loginToCharts();
+  await nightmare.wait(1000);
+  await nightmare.goto('https://charts.mongodb.parts/dashboards/ee8f8a17-4d96-4cd8-8178-0d9bc1181513/charts/23e91471-eadd-4574-9bcf-a924a2b61c0c')
+  await nightmare.wait('.ag-cell')
+  await nightmare.wait(1500)
+  await nightmare.screenshot(screenshotPath)
+  await nightmare.wait(1000)
+  await nightmare.end();
+
+  return [[originalPath, screenshotPath]];
+}
+
+exports.nightmare_props = {
+    show: true,
+    typeInterval: 20,
+    height: 1200,
+    width: 1000,
+    webPreferences: {
+      zoomFactor: 0.8
+    }
+}

screenshot-scripts/data-table-dynamic.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const screenshotNames = ['data-table-dynamic-example.png'];
+const screenshotDir = './screenshots-temp';
+const origImageDir = './source/images/charts';
+
+exports.run = async function (options) {
+  const nightmare = options.nightmare;
+  const originalPath = `${origImageDir}/${screenshotNames[0]}`;
+  const screenshotPath = `${screenshotDir}/${screenshotNames[0]}`;
+
+  await options.loginToCharts();
+  await nightmare.wait(1000);
+  await nightmare.goto('https://charts.mongodb.parts/dashboards/ee8f8a17-4d96-4cd8-8178-0d9bc1181513/charts/b9f60d83-be4c-4df5-b5ef-506d1d35a952')
+  await nightmare.wait('.ag-cell')
+  await nightmare.wait(1500)
+  await nightmare.screenshot(screenshotPath)
+  await nightmare.wait(1000)
+  await nightmare.end();
+
+  return [[originalPath, screenshotPath]];
+}
+
+exports.nightmare_props = {
+    show: true,
+    typeInterval: 20,
+    height: 1200,
+    width: 1000,
+    webPreferences: {
+      zoomFactor: 0.8
+    }
+}