random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2024-11-26 23:46:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade typescript to 4.9.5 and jest to 29.7.0 (and related packages) (#1884)

Browse Source 
* Upgrade typescript to 4.9.5

* Fix compile issue and put back files in tsconfig.strict.json

* Update test snapshots

* Fix jest tests by upgrading jest and other related packages.

* Attempt to fix playwright test

* Revert "Attempt to fix playwright test"

This reverts commit 8293f34c9c.

* 2nd attempt to fix example test

* fix waitFor in playwright

* Remove unused describe section

* Attempt to fix e2e test

* Revert "Attempt to fix e2e test"

This reverts commit 9745bcd2ef.

* Upgrade playwright to latest

* Revert "Upgrade playwright to latest"

This reverts commit e2ea1d0189.

* Error test on e2e

* Revert "Error test on e2e"

This reverts commit 124e3764f7.

* Try to select dropdown item by xpath selector

* Revert "Try to select dropdown item by xpath selector"

This reverts commit 8eb42a64e2.

* Attempt to wait until page is fully loaded

* Revert "Attempt to wait until page is fully loaded"

This reverts commit bb43fcea6e.

* Use playwright selectOption to select dropdown option

* Revert "Use playwright selectOption to select dropdown option"

This reverts commit daa8cd0930.

* Select dropdown option with playwright api instead of manual click

* c7ab4c7ecf7b05f32a85568bce1a667ad8c62703Revert "Select dropdown option with playwright api instead of manual click"

This reverts commit c7ab4c7ecf.

* Wait for 5s after dropdown click

* Revert "Wait for 5s after dropdown click"

This reverts commit 847e9ad33f.

* Try forcing click

* Revert "Try forcing click"

This reverts commit 29b9fa1bda.

* Force click on the dropdown and set viewport size bigger.

* Force click on the dropdown and set viewport size bigger.

* try force clicking option

* Skip container test on webkit

* Add branded browsers to e2e tests

---------

Co-authored-by: Ashley Stanton-Nurse <ashleyst@microsoft.com>
This commit is contained in:
Laurent Nguyen 2024-07-31 00:41:41 +02:00 committed by GitHub
parent 0a1d16de1b
commit bcd8b7229f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
112 changed files with 22078 additions and 24487 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
canvas/README.md
View File

@ -1,7 +0,0 @@
# Why?
This adds a mock module for `canvas`. Nteract has a ignored require and undeclared dependency on this module. `cavnas` is a server side node module and is not used in browser side code for nteract.
Installing it locally (`npm install canvas`) will resolve the problem, but it is a native module so it is flaky depending on the system, node version, processor arch, etc. This module provides a simpler, more robust solution.
Remove this workaround if [this bug](https://github.com/nteract/any-vega/issues/2) ever gets resolved

1
canvas/index.js
View File

@ -1 +0,0 @@
module.exports = {}

11
canvas/package.json
View File

@ -1,11 +0,0 @@
{
"name": "canvas",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

12
jest.config.js
View File

@ -80,6 +80,7 @@ module.exports = {
"d3-quadtree": "<rootDir>/node_modules/d3-quadtree/dist/d3-quadtree.min.js", "d3-quadtree": "<rootDir>/node_modules/d3-quadtree/dist/d3-quadtree.min.js",
"d3-scale-chromatic": "<rootDir>/node_modules/d3-scale-chromatic/dist/d3-scale-chromatic.min.js", "d3-scale-chromatic": "<rootDir>/node_modules/d3-scale-chromatic/dist/d3-scale-chromatic.min.js",
"d3-zoom": "<rootDir>/node_modules/d3-zoom/dist/d3-zoom.min.js", "d3-zoom": "<rootDir>/node_modules/d3-zoom/dist/d3-zoom.min.js",
uuid: require.resolve("uuid"), // Force module uuid to resolve with the CJS entry point, because Jest does not support package.json.exports. See https://github.com/uuidjs/uuid/issues/451
}, },
// An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
@ -133,7 +134,7 @@ module.exports = {
snapshotSerializers: ["enzyme-to-json/serializer"], snapshotSerializers: ["enzyme-to-json/serializer"],
// The test environment that will be used for testing // The test environment that will be used for testing
// testEnvironment: "jest-environment-jsdom", testEnvironment: "jsdom",
modulePaths: ["node_modules", "<rootDir>/src"], modulePaths: ["node_modules", "<rootDir>/src"],
// Options that will be passed to the testEnvironment // Options that will be passed to the testEnvironment
@ -157,7 +158,7 @@ module.exports = {
// testResultsProcessor: "./trxProcessor.js", // testResultsProcessor: "./trxProcessor.js",
// This option allows use of a custom test runner // This option allows use of a custom test runner
// testRunner: "jasmine2", testRunner: "jest-circus/runner",
// This option sets the URL for the jsdom environment. It is reflected in properties such as location.href // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
// testURL: "http://localhost", // testURL: "http://localhost",
@ -167,9 +168,9 @@ module.exports = {
// A map from regular expressions to paths to transformers // A map from regular expressions to paths to transformers
transform: { transform: {
"^.+\\.html?$": "html-loader-jest", "^.+\\.html?$": "jest-html-loader",
"^.+\\.[t|j]sx?$": "babel-jest", "^.+\\.[t|j]sx?$": "babel-jest",
"^.+\\.svg$": "<rootDir>/svgTransform.js", "^.+\\.svg$": "<rootDir>/jest/svgTransform.js",
}, },
// An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
@ -186,4 +187,7 @@ module.exports = {
// Whether to use watchman for file crawling // Whether to use watchman for file crawling
// watchman: true, // watchman: true,
// TODO: toMatchInlineSnapshot() does not work with prettier 3. Remove when fixed: https://github.com/jestjs/jest/issues/14305
prettierPath: null,
}; };

0
svgTransform.js → jest/svgTransform.js
View File

19774
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

48
package.json
View File

@ -12,14 +12,14 @@
"@azure/msal-browser": "2.14.2", "@azure/msal-browser": "2.14.2",
"@babel/plugin-proposal-class-properties": "7.12.1", "@babel/plugin-proposal-class-properties": "7.12.1",
"@babel/plugin-proposal-decorators": "7.12.12", "@babel/plugin-proposal-decorators": "7.12.12",
"@fluentui/react": "8.112.1", "@fluentui/react": "8.119.0",
"@fluentui/react-components": "9.34.0", "@fluentui/react-components": "9.54.2",
"@jupyterlab/services": "6.0.2", "@jupyterlab/services": "6.0.2",
"@jupyterlab/terminal": "3.0.3", "@jupyterlab/terminal": "3.0.3",
"@microsoft/applicationinsights-web": "2.6.1", "@microsoft/applicationinsights-web": "2.6.1",
"@nteract/commutable": "7.5.1", "@nteract/commutable": "7.5.1",
"@nteract/connected-components": "6.8.2", "@nteract/connected-components": "6.8.2",
"@nteract/core": "15.1.0", "@nteract/core": "15.1.9",
"@nteract/data-explorer": "8.0.3", "@nteract/data-explorer": "8.0.3",
"@nteract/directory-listing": "2.0.6", "@nteract/directory-listing": "2.0.6",
"@nteract/dropdown-menu": "1.0.1", "@nteract/dropdown-menu": "1.0.1",
@ -42,7 +42,7 @@
"@nteract/transform-vega": "7.0.6", "@nteract/transform-vega": "7.0.6",
"@octokit/rest": "17.9.2", "@octokit/rest": "17.9.2",
"@phosphor/widgets": "1.9.3", "@phosphor/widgets": "1.9.3",
"@testing-library/jest-dom": "5.11.9", "@testing-library/jest-dom": "6.4.6",
"@types/lodash": "4.14.171", "@types/lodash": "4.14.171",
"@types/mkdirp": "1.0.1", "@types/mkdirp": "1.0.1",
"@types/node-fetch": "2.5.7", "@types/node-fetch": "2.5.7",
@ -50,7 +50,7 @@
"@xmldom/xmldom": "0.7.13", "@xmldom/xmldom": "0.7.13",
"applicationinsights": "1.8.0", "applicationinsights": "1.8.0",
"bootstrap": "3.4.1", "bootstrap": "3.4.1",
"canvas": "file:./canvas", "canvas": "2.11.2",
"clean-webpack-plugin": "4.0.0", "clean-webpack-plugin": "4.0.0",
"clipboard-copy": "4.0.1", "clipboard-copy": "4.0.1",
"copy-webpack-plugin": "11.0.0", "copy-webpack-plugin": "11.0.0",
@ -67,7 +67,7 @@
"eslint-plugin-react": "7.33.2", "eslint-plugin-react": "7.33.2",
"hasher": "1.2.0", "hasher": "1.2.0",
"html2canvas": "1.0.0-rc.5", "html2canvas": "1.0.0-rc.5",
"i18next": "19.8.4", "i18next": "23.11.5",
"i18next-browser-languagedetector": "6.0.1", "i18next-browser-languagedetector": "6.0.1",
"i18next-http-backend": "1.0.23", "i18next-http-backend": "1.0.23",
"iframe-resizer-react": "1.1.0", "iframe-resizer-react": "1.1.0",
@ -93,7 +93,7 @@
"react-dnd-html5-backend": "14.0.0", "react-dnd-html5-backend": "14.0.0",
"react-dom": "16.14.0", "react-dom": "16.14.0",
"react-hotkeys": "2.0.0", "react-hotkeys": "2.0.0",
"react-i18next": "11.8.5", "react-i18next": "14.1.2",
"react-notification-system": "0.2.17", "react-notification-system": "0.2.17",
"react-redux": "7.1.3", "react-redux": "7.1.3",
"react-splitter-layout": "4.0.0", "react-splitter-layout": "4.0.0",
@ -113,10 +113,10 @@
"zustand": "3.5.0" "zustand": "3.5.0"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "7.9.0", "@babel/core": "7.24.7",
"@babel/preset-env": "7.9.0", "@babel/preset-env": "7.24.7",
"@babel/preset-react": "7.9.4", "@babel/preset-react": "7.24.7",
"@babel/preset-typescript": "7.9.0", "@babel/preset-typescript": "7.24.7",
"@playwright/test": "1.44.0", "@playwright/test": "1.44.0",
"@testing-library/react": "11.2.3", "@testing-library/react": "11.2.3",
"@types/applicationinsights-js": "1.0.7", "@types/applicationinsights-js": "1.0.7",
@ -129,13 +129,13 @@
"@types/enzyme": "3.10.12", "@types/enzyme": "3.10.12",
"@types/enzyme-adapter-react-16": "1.0.9", "@types/enzyme-adapter-react-16": "1.0.9",
"@types/hasher": "0.0.31", "@types/hasher": "0.0.31",
"@types/jest": "26.0.20", "@types/jest": "29.5.12",
"@types/jquery": "3.5.29", "@types/jquery": "3.5.29",
"@types/node": "12.11.1", "@types/node": "12.11.1",
"@types/post-robot": "10.0.1", "@types/post-robot": "10.0.1",
"@types/q": "1.5.1", "@types/q": "1.5.1",
"@types/react": "17.0.3", "@types/react": "17.0.44",
"@types/react-dom": "17.0.3", "@types/react-dom": "17.0.15",
"@types/react-notification-system": "0.2.39", "@types/react-notification-system": "0.2.39",
"@types/react-redux": "7.1.7", "@types/react-redux": "7.1.7",
"@types/react-splitter-layout": "3.0.1", "@types/react-splitter-layout": "3.0.1",
@ -148,7 +148,7 @@
"@typescript-eslint/eslint-plugin": "6.7.4", "@typescript-eslint/eslint-plugin": "6.7.4",
"@typescript-eslint/parser": "6.7.4", "@typescript-eslint/parser": "6.7.4",
"@webpack-cli/serve": "2.0.5", "@webpack-cli/serve": "2.0.5",
"babel-jest": "24.9.0", "babel-jest": "29.7.0",
"babel-loader": "8.1.0", "babel-loader": "8.1.0",
"buffer": "5.1.0", "buffer": "5.1.0",
"case-sensitive-paths-webpack-plugin": "2.4.0", "case-sensitive-paths-webpack-plugin": "2.4.0",
@ -165,13 +165,15 @@
"fast-glob": "3.2.5", "fast-glob": "3.2.5",
"fs-extra": "7.0.0", "fs-extra": "7.0.0",
"html-inline-css-webpack-plugin": "1.11.2", "html-inline-css-webpack-plugin": "1.11.2",
"html-loader": "0.5.5", "html-loader": "5.0.0",
"html-loader-jest": "0.2.1",
"html-webpack-plugin": "5.5.3", "html-webpack-plugin": "5.5.3",
"jest": "26.6.3", "jest": "29.7.0",
"jest-canvas-mock": "2.3.1", "jest-canvas-mock": "2.5.2",
"jest-circus": "29.7.0",
"jest-html-loader": "1.0.0",
"jest-react-hooks-shallow": "1.5.1", "jest-react-hooks-shallow": "1.5.1",
"jest-trx-results-processor": "0.0.7", "jest-trx-results-processor": "3.0.2",
"jest-environment-jsdom": "29.7.0",
"less": "3.8.1", "less": "3.8.1",
"less-loader": "11.1.3", "less-loader": "11.1.3",
"less-vars-loader": "1.1.0", "less-vars-loader": "1.1.0",
@ -187,8 +189,8 @@
"sinon": "3.2.1", "sinon": "3.2.1",
"style-loader": "0.23.0", "style-loader": "0.23.0",
"ts-loader": "9.2.4", "ts-loader": "9.2.4",
"typedoc": "0.22.15", "typedoc": "0.26.2",
"typescript": "4.3.5", "typescript": "4.9.5",
"url-loader": "4.1.1", "url-loader": "4.1.1",
"wait-on": "4.0.2", "wait-on": "4.0.2",
"webpack": "5.88.2", "webpack": "5.88.2",
@ -245,4 +247,4 @@
"printWidth": 120, "printWidth": 120,
"endOfLine": "auto" "endOfLine": "auto"
} }
} }

13
patches/@phosphor+virtualdom+1.2.0.patch Normal file
View File

@ -0,0 +1,13 @@
diff --git a/node_modules/@phosphor/virtualdom/lib/index.d.ts b/node_modules/@phosphor/virtualdom/lib/index.d.ts
index 95682b9..73e2daa 100644
--- a/node_modules/@phosphor/virtualdom/lib/index.d.ts
+++ b/node_modules/@phosphor/virtualdom/lib/index.d.ts
@@ -58,7 +58,7 @@ export declare type ElementEventMap = {
ondrop: DragEvent;
ondurationchange: Event;
onemptied: Event;
- onended: MediaStreamErrorEvent;
+ onended: ErrorEvent;
onerror: ErrorEvent;
onfocus: FocusEvent;
oninput: Event;

41
playwright.config.ts
View File

@ -1,22 +1,22 @@
import { defineConfig, devices } from '@playwright/test'; import { defineConfig, devices } from "@playwright/test";
/** /**
* See https://playwright.dev/docs/test-configuration. * See https://playwright.dev/docs/test-configuration.
*/ */
export default defineConfig({ export default defineConfig({
testDir: 'test', testDir: "test",
fullyParallel: true, fullyParallel: true,
forbidOnly: !!process.env.CI, forbidOnly: !!process.env.CI,
retries: process.env.CI ? 3 : 0, retries: process.env.CI ? 3 : 0,
workers: process.env.CI ? 1 : undefined, workers: process.env.CI ? 1 : undefined,
reporter: process.env.CI ? 'blob' : 'html', reporter: process.env.CI ? "blob" : "html",
timeout: 10 * 60 * 1000, timeout: 10 * 60 * 1000,
use: { use: {
actionTimeout: 5 * 60 * 1000, actionTimeout: 5 * 60 * 1000,
trace: 'off', trace: "off",
video: 'off', video: "off",
screenshot: 'on', screenshot: "on",
testIdAttribute: 'data-test', testIdAttribute: "data-test",
contextOptions: { contextOptions: {
ignoreHTTPSErrors: true, ignoreHTTPSErrors: true,
}, },
@ -28,24 +28,31 @@ export default defineConfig({
projects: [ projects: [
{ {
name: 'chromium', name: "chromium",
use: { ...devices['Desktop Chrome'] }, use: { ...devices["Desktop Chrome"] },
}, },
{ {
name: 'firefox', name: "firefox",
use: { ...devices['Desktop Firefox'] }, use: { ...devices["Desktop Firefox"] },
}, },
{ {
name: 'webkit', name: "webkit",
use: { ...devices['Desktop Safari'] }, use: { ...devices["Desktop Safari"] },
},
/* Test against branded browsers. */
{
name: "Google Chrome",
use: { ...devices["Desktop Chrome"], channel: "chrome" }, // or 'chrome-beta'
},
{
name: "Microsoft Edge",
use: { ...devices["Desktop Edge"], channel: "msedge" }, // or 'msedge-dev'
}, },
], ],
webServer: { webServer: {
command: 'npm run start', command: "npm run start",
url: 'https://127.0.0.1:1234/_ready', url: "https://127.0.0.1:1234/_ready",
timeout: 120 * 1000, timeout: 120 * 1000,
ignoreHTTPSErrors: true, ignoreHTTPSErrors: true,
reuseExistingServer: !process.env.CI, reuseExistingServer: !process.env.CI,

30
src/Common/CosmosClient.test.ts
View File

@ -1,34 +1,6 @@
import { ResourceType } from "@azure/cosmos";
import { Platform, resetConfigContext, updateConfigContext } from "../ConfigContext"; import { Platform, resetConfigContext, updateConfigContext } from "../ConfigContext";
import { updateUserContext } from "../UserContext"; import { updateUserContext } from "../UserContext";
import { endpoint, getTokenFromAuthService, requestPlugin, tokenProvider } from "./CosmosClient"; import { endpoint, getTokenFromAuthService, requestPlugin } from "./CosmosClient";
describe("tokenProvider", () => {
const options = {
verb: "GET" as any,
path: "/",
resourceId: "",
resourceType: "dbs" as ResourceType,
headers: {},
getAuthorizationTokenUsingMasterKey: () => "",
};
beforeEach(() => {
updateConfigContext({
BACKEND_ENDPOINT: "https://main.documentdb.ext.azure.com",
});
window.fetch = jest.fn().mockImplementation(() => {
return {
json: () => "{}",
headers: new Map(),
};
});
});
afterEach(() => {
jest.restoreAllMocks();
});
});
describe("getTokenFromAuthService", () => { describe("getTokenFromAuthService", () => {
beforeEach(() => { beforeEach(() => {

8
src/Common/__snapshots__/CosmosClient.test.ts.snap
View File

@ -1,9 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`requestPlugin Emulator builds a url for emulator proxy via webpack 1`] = ` exports[`requestPlugin Emulator builds a url for emulator proxy via webpack 1`] = `
Object { {
"endpoint": "http://localhost/proxy", "endpoint": "http://localhost/proxy",
"headers": Object { "headers": {
"x-ms-proxy-target": "http://localhost", "x-ms-proxy-target": "http://localhost",
}, },
"path": "/dbs/foo", "path": "/dbs/foo",
@ -11,9 +11,9 @@ Object {
`; `;
exports[`requestPlugin Hosted builds a proxy URL in development 1`] = ` exports[`requestPlugin Hosted builds a proxy URL in development 1`] = `
Object { {
"endpoint": "http://localhost/proxy", "endpoint": "http://localhost/proxy",
"headers": Object { "headers": {
"x-ms-proxy-target": "baz", "x-ms-proxy-target": "baz",
}, },
"path": "/dbs/foo", "path": "/dbs/foo",

6
src/Common/__snapshots__/IteratorUtilities.test.ts.snap
View File

@ -1,12 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`nextPage returns results for the next page 1`] = ` exports[`nextPage returns results for the next page 1`] = `
Object { {
"activityId": "foo", "activityId": "foo",
"documents": Array [], "documents": [],
"firstItemIndex": 11, "firstItemIndex": 11,
"hasMoreResults": false, "hasMoreResults": false,
"headers": Object {}, "headers": {},
"itemCount": 0, "itemCount": 0,
"lastItemIndex": 10, "lastItemIndex": 10,
"requestCharge": 1, "requestCharge": 1,

4
src/Common/dataAccess/__snapshots__/queryDocuments.test.ts.snap
View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`getCommonQueryOptions builds the correct default options objects 1`] = ` exports[`getCommonQueryOptions builds the correct default options objects 1`] = `
Object { {
"disableNonStreamingOrderByQuery": true, "disableNonStreamingOrderByQuery": true,
"enableScanInQuery": true, "enableScanInQuery": true,
"forceQueryPlan": true, "forceQueryPlan": true,
@ -12,7 +12,7 @@ Object {
`; `;
exports[`getCommonQueryOptions reads from localStorage 1`] = ` exports[`getCommonQueryOptions reads from localStorage 1`] = `
Object { {
"disableNonStreamingOrderByQuery": true, "disableNonStreamingOrderByQuery": true,
"enableScanInQuery": true, "enableScanInQuery": true,
"forceQueryPlan": true, "forceQueryPlan": true,

12
src/Controls/Heatmap/Heatmap.test.ts
View File

@ -36,21 +36,21 @@ describe("The Heatmap Control", () => {
}); });
it("should call _getChartSettings when drawHeatmap is invoked", () => { it("should call _getChartSettings when drawHeatmap is invoked", () => {
const _getChartSettings = spyOn<any>(heatmap, "_getChartSettings"); const _getChartSettings = jest.spyOn(heatmap, "_getChartSettings");
heatmap.drawHeatmap(); heatmap.drawHeatmap();
expect(_getChartSettings.calls.any()).toBe(true); expect(_getChartSettings).toHaveBeenCalled();
}); });
it("should call _getLayoutSettings when drawHeatmap is invoked", () => { it("should call _getLayoutSettings when drawHeatmap is invoked", () => {
const _getLayoutSettings = spyOn<any>(heatmap, "_getLayoutSettings"); const _getLayoutSettings = jest.spyOn(heatmap, "_getLayoutSettings");
heatmap.drawHeatmap(); heatmap.drawHeatmap();
expect(_getLayoutSettings.calls.any()).toBe(true); expect(_getLayoutSettings).toHaveBeenCalled();
}); });
it("should call _getChartDisplaySettings when drawHeatmap is invoked", () => { it("should call _getChartDisplaySettings when drawHeatmap is invoked", () => {
const _getChartDisplaySettings = spyOn<any>(heatmap, "_getChartDisplaySettings"); const _getChartDisplaySettings = jest.spyOn(heatmap, "_getChartDisplaySettings");
heatmap.drawHeatmap(); heatmap.drawHeatmap();
expect(_getChartDisplaySettings.calls.any()).toBe(true); expect(_getChartDisplaySettings).toHaveBeenCalled();
}); });
it("drawHeatmap should render a Heatmap inside the div element", () => { it("drawHeatmap should render a Heatmap inside the div element", () => {

9
src/Controls/Heatmap/Heatmap.ts
View File

@ -96,7 +96,8 @@ export class Heatmap {
return output; return output;
} }
private _getChartSettings(): ChartSettings[] { // public for testing purposes
public _getChartSettings(): ChartSettings[] {
return [ return [
{ {
z: this._chartData.dataPoints, z: this._chartData.dataPoints,
@ -131,7 +132,8 @@ export class Heatmap {
]; ];
} }
private _getLayoutSettings(): LayoutSettings { // public for testing purposes
public _getLayoutSettings(): LayoutSettings {
return { return {
margin: { margin: {
l: 40, l: 40,
@ -177,7 +179,8 @@ export class Heatmap {
}; };
} }
private _getChartDisplaySettings(): DisplaySettings { // public for testing purposes
public _getChartDisplaySettings(): DisplaySettings {
return { return {
/* heatmap can be fully responsive however the min-height needed in that case is greater than the iframe portal height, hence explicit width + height have been set in _getLayoutSettings /* heatmap can be fully responsive however the min-height needed in that case is greater than the iframe portal height, hence explicit width + height have been set in _getLayoutSettings
responsive: true,*/ responsive: true,*/

2
src/Explorer/Controls/CollapsiblePanel/__snapshots__/CollapsibleSectionComponent.test.tsx.snap
View File

@ -11,7 +11,7 @@ exports[`CollapsibleSectionComponent renders 1`] = `
role="button" role="button"
tabIndex={0} tabIndex={0}
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }

58
src/Explorer/Controls/FeaturePanel/__snapshots__/FeaturePanelComponent.test.tsx.snap
View File

@ -18,7 +18,7 @@ exports[`Feature panel renders all flags 1`] = `
<Stack <Stack
className="options" className="options"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -27,7 +27,7 @@ exports[`Feature panel renders all flags 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="space-between" horizontalAlign="space-between"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -52,7 +52,7 @@ exports[`Feature panel renders all flags 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="start" horizontalAlign="start"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -61,16 +61,16 @@ exports[`Feature panel renders all flags 1`] = `
label="Base Url" label="Base Url"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "https://localhost:1234/explorer.html", "key": "https://localhost:1234/explorer.html",
"text": "localhost:1234", "text": "localhost:1234",
}, },
Object { {
"key": "https://cosmos.azure.com/explorer.html", "key": "https://cosmos.azure.com/explorer.html",
"text": "cosmos.azure.com", "text": "cosmos.azure.com",
}, },
Object { {
"key": "https://portal.azure.com", "key": "https://portal.azure.com",
"text": "portal", "text": "portal",
}, },
@ -78,8 +78,8 @@ exports[`Feature panel renders all flags 1`] = `
} }
selectedKey="https://localhost:1234/explorer.html" selectedKey="https://localhost:1234/explorer.html"
styles={ styles={
Object { {
"dropdown": Object { "dropdown": {
"width": 200, "width": 200,
}, },
} }
@ -89,20 +89,20 @@ exports[`Feature panel renders all flags 1`] = `
label="Platform" label="Platform"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "Hosted", "key": "Hosted",
"text": "Hosted", "text": "Hosted",
}, },
Object { {
"key": "Portal", "key": "Portal",
"text": "Portal", "text": "Portal",
}, },
Object { {
"key": "Emulator", "key": "Emulator",
"text": "Emulator", "text": "Emulator",
}, },
Object { {
"key": "", "key": "",
"text": "None", "text": "None",
}, },
@ -110,8 +110,8 @@ exports[`Feature panel renders all flags 1`] = `
} }
selectedKey="Hosted" selectedKey="Hosted"
styles={ styles={
Object { {
"dropdown": Object { "dropdown": {
"width": 200, "width": 200,
}, },
} }
@ -208,7 +208,7 @@ exports[`Feature panel renders all flags 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -222,8 +222,8 @@ exports[`Feature panel renders all flags 1`] = `
onChange={[Function]} onChange={[Function]}
placeholder="https://notebookserver" placeholder="https://notebookserver"
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"width": 300, "width": 300,
}, },
} }
@ -235,8 +235,8 @@ exports[`Feature panel renders all flags 1`] = `
onChange={[Function]} onChange={[Function]}
placeholder="" placeholder=""
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"width": 300, "width": 300,
}, },
} }
@ -248,8 +248,8 @@ exports[`Feature panel renders all flags 1`] = `
onChange={[Function]} onChange={[Function]}
placeholder="" placeholder=""
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"width": 300, "width": 300,
}, },
} }
@ -265,8 +265,8 @@ exports[`Feature panel renders all flags 1`] = `
onChange={[Function]} onChange={[Function]}
placeholder="" placeholder=""
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"width": 300, "width": 300,
}, },
} }
@ -279,8 +279,8 @@ exports[`Feature panel renders all flags 1`] = `
onChange={[Function]} onChange={[Function]}
placeholder="https://localhost:1234/explorer.html" placeholder="https://localhost:1234/explorer.html"
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"width": 300, "width": 300,
}, },
} }
@ -292,8 +292,8 @@ exports[`Feature panel renders all flags 1`] = `
onChange={[Function]} onChange={[Function]}
placeholder="" placeholder=""
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"width": 300, "width": 300,
}, },
} }

72
src/Explorer/Controls/NotebookGallery/Cards/__snapshots__/GalleryCardComponent.test.tsx.snap
View File

@ -4,8 +4,8 @@ exports[`GalleryCardComponent renders 1`] = `
<StyledDocumentCardBase <StyledDocumentCardBase
aria-label="name" aria-label="name"
styles={ styles={
Object { {
"root": Object { "root": {
"display": "inline-block", "display": "inline-block",
"marginRight": 20, "marginRight": 20,
"width": 256, "width": 256,
@ -16,8 +16,8 @@ exports[`GalleryCardComponent renders 1`] = `
<StyledDocumentCardActivityBase <StyledDocumentCardActivityBase
activity="Invalid Date" activity="Invalid Date"
people={ people={
Array [ [
Object { {
"name": "author", "name": "author",
"profileImageSrc": false, "profileImageSrc": false,
}, },
@ -26,8 +26,8 @@ exports[`GalleryCardComponent renders 1`] = `
/> />
<StyledDocumentCardPreviewBase <StyledDocumentCardPreviewBase
previewImages={ previewImages={
Array [ [
Object { {
"height": 144, "height": 144,
"imageFit": 2, "imageFit": 2,
"previewImageSrc": "thumbnailUrl", "previewImageSrc": "thumbnailUrl",
@ -40,8 +40,8 @@ exports[`GalleryCardComponent renders 1`] = `
<Text <Text
nowrap={true} nowrap={true}
styles={ styles={
Object { {
"root": Object { "root": {
"height": 18, "height": 18,
"padding": "2px 16px", "padding": "2px 16px",
}, },
@ -69,15 +69,15 @@ exports[`GalleryCardComponent renders 1`] = `
/> />
<span <span
style={ style={
Object { {
"padding": "8px 16px", "padding": "8px 16px",
} }
} }
> >
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "#605E5C", "color": "#605E5C",
"paddingRight": 8, "paddingRight": 8,
}, },
@ -88,8 +88,8 @@ exports[`GalleryCardComponent renders 1`] = `
<Icon <Icon
iconName="RedEye" iconName="RedEye"
styles={ styles={
Object { {
"root": Object { "root": {
"verticalAlign": "middle", "verticalAlign": "middle",
}, },
} }
@ -100,8 +100,8 @@ exports[`GalleryCardComponent renders 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "#605E5C", "color": "#605E5C",
"paddingRight": 8, "paddingRight": 8,
}, },
@ -112,8 +112,8 @@ exports[`GalleryCardComponent renders 1`] = `
<Icon <Icon
iconName="Download" iconName="Download"
styles={ styles={
Object { {
"root": Object { "root": {
"verticalAlign": "middle", "verticalAlign": "middle",
}, },
} }
@ -124,8 +124,8 @@ exports[`GalleryCardComponent renders 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "#605E5C", "color": "#605E5C",
"paddingRight": 8, "paddingRight": 8,
}, },
@ -136,8 +136,8 @@ exports[`GalleryCardComponent renders 1`] = `
<Icon <Icon
iconName="Heart" iconName="Heart"
styles={ styles={
Object { {
"root": Object { "root": {
"verticalAlign": "middle", "verticalAlign": "middle",
}, },
} }
@ -151,8 +151,8 @@ exports[`GalleryCardComponent renders 1`] = `
<StyledDocumentCardDetailsBase> <StyledDocumentCardDetailsBase>
<Separator <Separator
styles={ styles={
Object { {
"root": Object { "root": {
"height": 1, "height": 1,
"padding": 0, "padding": 0,
}, },
@ -161,22 +161,22 @@ exports[`GalleryCardComponent renders 1`] = `
/> />
<span <span
style={ style={
Object { {
"padding": "0px 16px", "padding": "0px 16px",
} }
} }
> >
<StyledTooltipHostBase <StyledTooltipHostBase
calloutProps={ calloutProps={
Object { {
"gapSpace": 0, "gapSpace": 0,
} }
} }
content="Favorite" content="Favorite"
id="TooltipHost-IconButton-Heart" id="TooltipHost-IconButton-Heart"
styles={ styles={
Object { {
"root": Object { "root": {
"display": "inline-block", "display": "inline-block",
"float": "left", "float": "left",
}, },
@ -186,7 +186,7 @@ exports[`GalleryCardComponent renders 1`] = `
<CustomizedIconButton <CustomizedIconButton
ariaLabel="Favorite" ariaLabel="Favorite"
iconProps={ iconProps={
Object { {
"iconName": "Heart", "iconName": "Heart",
} }
} }
@ -196,15 +196,15 @@ exports[`GalleryCardComponent renders 1`] = `
</StyledTooltipHostBase> </StyledTooltipHostBase>
<StyledTooltipHostBase <StyledTooltipHostBase
calloutProps={ calloutProps={
Object { {
"gapSpace": 0, "gapSpace": 0,
} }
} }
content="Download" content="Download"
id="TooltipHost-IconButton-Download" id="TooltipHost-IconButton-Download"
styles={ styles={
Object { {
"root": Object { "root": {
"display": "inline-block", "display": "inline-block",
"float": "left", "float": "left",
}, },
@ -214,7 +214,7 @@ exports[`GalleryCardComponent renders 1`] = `
<CustomizedIconButton <CustomizedIconButton
ariaLabel="Download" ariaLabel="Download"
iconProps={ iconProps={
Object { {
"iconName": "Download", "iconName": "Download",
} }
} }
@ -224,15 +224,15 @@ exports[`GalleryCardComponent renders 1`] = `
</StyledTooltipHostBase> </StyledTooltipHostBase>
<StyledTooltipHostBase <StyledTooltipHostBase
calloutProps={ calloutProps={
Object { {
"gapSpace": 0, "gapSpace": 0,
} }
} }
content="Remove" content="Remove"
id="TooltipHost-IconButton-Delete" id="TooltipHost-IconButton-Delete"
styles={ styles={
Object { {
"root": Object { "root": {
"display": "inline-block", "display": "inline-block",
"float": "right", "float": "right",
}, },
@ -242,7 +242,7 @@ exports[`GalleryCardComponent renders 1`] = `
<CustomizedIconButton <CustomizedIconButton
ariaLabel="Remove" ariaLabel="Remove"
iconProps={ iconProps={
Object { {
"iconName": "Delete", "iconName": "Delete",
} }
} }

10
src/Explorer/Controls/NotebookGallery/CodeOfConduct/__snapshots__/CodeOfConduct.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`CodeOfConduct renders 1`] = ` exports[`CodeOfConduct renders 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }
@ -11,7 +11,7 @@ exports[`CodeOfConduct renders 1`] = `
<StackItem> <StackItem>
<Text <Text
style={ style={
Object { {
"fontSize": "20px", "fontSize": "20px",
"fontWeight": 500, "fontWeight": 500,
} }
@ -41,12 +41,12 @@ exports[`CodeOfConduct renders 1`] = `
label="I have read and accept the code of conduct." label="I have read and accept the code of conduct."
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"label": Object { "label": {
"margin": 0, "margin": 0,
"padding": "2 0 2 0", "padding": "2 0 2 0",
}, },
"text": Object { "text": {
"fontSize": 12, "fontSize": 12,
}, },
} }

6
src/Explorer/Controls/NotebookGallery/InfoComponent/__snapshots__/InfoComponent.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`InfoComponent renders 1`] = `
<StyledHoverCardBase <StyledHoverCardBase
instantOpenOnClick={true} instantOpenOnClick={true}
plainCardProps={ plainCardProps={
Object { {
"onRenderPlainCard": [Function], "onRenderPlainCard": [Function],
} }
} }
@ -18,8 +18,8 @@ exports[`InfoComponent renders 1`] = `
className="infoIconMain" className="infoIconMain"
iconName="Help" iconName="Help"
styles={ styles={
Object { {
"root": Object { "root": {
"verticalAlign": "middle", "verticalAlign": "middle",
}, },
} }

20
src/Explorer/Controls/NotebookGallery/__snapshots__/GalleryViewerComponent.test.tsx.snap
View File

@ -13,14 +13,14 @@ exports[`GalleryViewerComponent renders 1`] = `
itemKey="OfficialSamples" itemKey="OfficialSamples"
key="OfficialSamples" key="OfficialSamples"
style={ style={
Object { {
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -28,7 +28,7 @@ exports[`GalleryViewerComponent renders 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
"padding": 10, "padding": 10,
} }
@ -50,8 +50,8 @@ exports[`GalleryViewerComponent renders 1`] = `
</StackItem> </StackItem>
<StackItem <StackItem
styles={ styles={
Object { {
"root": Object { "root": {
"minWidth": 200, "minWidth": 200,
}, },
} }
@ -60,20 +60,20 @@ exports[`GalleryViewerComponent renders 1`] = `
<Dropdown <Dropdown
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": 0, "key": 0,
"text": "Most viewed", "text": "Most viewed",
}, },
Object { {
"key": 1, "key": 1,
"text": "Most downloaded", "text": "Most downloaded",
}, },
Object { {
"key": 3, "key": 3,
"text": "Most recent", "text": "Most recent",
}, },
Object { {
"key": 2, "key": 2,
"text": "Most favorited", "text": "Most favorited",
}, },

24
src/Explorer/Controls/NotebookViewer/__snapshots__/NotebookMetadataComponent.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`NotebookMetadataComponent renders liked notebook 1`] = ` exports[`NotebookMetadataComponent renders liked notebook 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -11,7 +11,7 @@ exports[`NotebookMetadataComponent renders liked notebook 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 30, "childrenGap": 30,
} }
} }
@ -29,7 +29,7 @@ exports[`NotebookMetadataComponent renders liked notebook 1`] = `
<Text> <Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "HeartFill", "iconName": "HeartFill",
} }
} }
@ -53,7 +53,7 @@ exports[`NotebookMetadataComponent renders liked notebook 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -96,8 +96,8 @@ exports[`NotebookMetadataComponent renders liked notebook 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"fontWeight": 600, "fontWeight": 600,
}, },
} }
@ -115,7 +115,7 @@ exports[`NotebookMetadataComponent renders liked notebook 1`] = `
exports[`NotebookMetadataComponent renders un-liked notebook 1`] = ` exports[`NotebookMetadataComponent renders un-liked notebook 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -123,7 +123,7 @@ exports[`NotebookMetadataComponent renders un-liked notebook 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 30, "childrenGap": 30,
} }
} }
@ -141,7 +141,7 @@ exports[`NotebookMetadataComponent renders un-liked notebook 1`] = `
<Text> <Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Heart", "iconName": "Heart",
} }
} }
@ -165,7 +165,7 @@ exports[`NotebookMetadataComponent renders un-liked notebook 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -208,8 +208,8 @@ exports[`NotebookMetadataComponent renders un-liked notebook 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"fontWeight": 600, "fontWeight": 600,
}, },
} }

4
src/Explorer/Controls/Settings/SettingsSubComponents/IndexingPolicyRefresh/__snapshots__/IndexingPolicyRefreshComponent.test.tsx.snap
View File

@ -6,8 +6,8 @@ exports[`IndexingPolicyRefreshComponent renders 1`] = `
> >
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },

24
src/Explorer/Controls/Settings/SettingsSubComponents/MongoIndexingPolicy/__snapshots__/AddMongoIndexComponent.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`AddMongoIndexComponent renders 1`] = ` exports[`AddMongoIndexComponent renders 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 5, "childrenGap": 5,
} }
} }
@ -11,7 +11,7 @@ exports[`AddMongoIndexComponent renders 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }
@ -21,8 +21,8 @@ exports[`AddMongoIndexComponent renders 1`] = `
componentRef={[Function]} componentRef={[Function]}
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"root": Object { "root": {
"paddingLeft": 10, "paddingLeft": 10,
"width": 210, "width": 210,
}, },
@ -34,12 +34,12 @@ exports[`AddMongoIndexComponent renders 1`] = `
ariaLabel="Index Type 1" ariaLabel="Index Type 1"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "Single", "key": "Single",
"text": "Single Field", "text": "Single Field",
}, },
Object { {
"key": "Wildcard", "key": "Wildcard",
"text": "Wildcard", "text": "Wildcard",
}, },
@ -48,8 +48,8 @@ exports[`AddMongoIndexComponent renders 1`] = `
placeholder="Select an index type" placeholder="Select an index type"
selectedKey="Single" selectedKey="Single"
styles={ styles={
Object { {
"dropdown": Object { "dropdown": {
"paddingleft": 10, "paddingleft": 10,
"width": 202, "width": 202,
}, },
@ -60,7 +60,7 @@ exports[`AddMongoIndexComponent renders 1`] = `
ariaLabel="Undo Button 1" ariaLabel="Undo Button 1"
disabled={false} disabled={false}
iconProps={ iconProps={
Object { {
"iconName": "Undo", "iconName": "Undo",
} }
} }
@ -70,8 +70,8 @@ exports[`AddMongoIndexComponent renders 1`] = `
<StyledMessageBar <StyledMessageBar
messageBarType={1} messageBarType={1}
styles={ styles={
Object { {
"root": Object { "root": {
"marginLeft": 10, "marginLeft": 10,
}, },
} }

46
src/Explorer/Controls/Settings/SettingsSubComponents/MongoIndexingPolicy/__snapshots__/MongoIndexingPolicyComponent.test.tsx.snap
View File

@ -9,7 +9,7 @@ exports[`MongoIndexingPolicyComponent error shown for collection with compound i
exports[`MongoIndexingPolicyComponent renders 1`] = ` exports[`MongoIndexingPolicyComponent renders 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }
@ -29,14 +29,14 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
</Text> </Text>
<Stack <Stack
styles={ styles={
Object { {
"root": Object { "root": {
"width": 600, "width": 600,
}, },
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 5, "childrenGap": 5,
} }
} }
@ -47,8 +47,8 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
> >
<StyledWithViewportComponent <StyledWithViewportComponent
columns={ columns={
Array [ [
Object { {
"fieldName": "definition", "fieldName": "definition",
"isResizable": true, "isResizable": true,
"key": "definition", "key": "definition",
@ -56,7 +56,7 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
"minWidth": 100, "minWidth": 100,
"name": "Definition", "name": "Definition",
}, },
Object { {
"fieldName": "type", "fieldName": "type",
"isResizable": true, "isResizable": true,
"key": "type", "key": "type",
@ -64,7 +64,7 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
"minWidth": 100, "minWidth": 100,
"name": "Type", "name": "Type",
}, },
Object { {
"fieldName": "actionButton", "fieldName": "actionButton",
"isResizable": true, "isResizable": true,
"key": "actionButton", "key": "actionButton",
@ -75,15 +75,15 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
] ]
} }
disableSelectionZone={true} disableSelectionZone={true}
items={Array []} items={[]}
layoutMode={1} layoutMode={1}
onRenderRow={[Function]} onRenderRow={[Function]}
selectionMode={0} selectionMode={0}
styles={ styles={
Object { {
"root": Object { "root": {
"selectors": Object { "selectors": {
".ms-FocusZone": Object { ".ms-FocusZone": {
"paddingTop": 0, "paddingTop": 0,
}, },
}, },
@ -93,14 +93,14 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
/> />
<Stack <Stack
styles={ styles={
Object { {
"root": Object { "root": {
"width": 600, "width": 600,
}, },
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -117,11 +117,11 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
</Stack> </Stack>
<Separator <Separator
styles={ styles={
Object { {
"root": Array [ "root": [
Object { {
"selectors": Object { "selectors": {
"::before": Object { "::before": {
"background": undefined, "background": undefined,
}, },
}, },
@ -132,8 +132,8 @@ exports[`MongoIndexingPolicyComponent renders 1`] = `
/> />
<Stack <Stack
styles={ styles={
Object { {
"root": Object { "root": {
"width": 600, "width": 600,
}, },
} }

4
src/Explorer/Controls/Settings/SettingsSubComponents/ScaleComponent.test.tsx
View File

@ -47,7 +47,7 @@ describe("ScaleComponent", () => {
expect(wrapper.exists(ThroughputInputAutoPilotV3Component)).toEqual(true); expect(wrapper.exists(ThroughputInputAutoPilotV3Component)).toEqual(true);
expect(wrapper.exists("#throughputApplyLongDelayMessage")).toEqual(true); expect(wrapper.exists("#throughputApplyLongDelayMessage")).toEqual(true);
expect(wrapper.exists("#throughputApplyShortDelayMessage")).toEqual(false); expect(wrapper.exists("#throughputApplyShortDelayMessage")).toEqual(false);
expect(wrapper.find("#throughputApplyLongDelayMessage").html()).toContain(targetThroughput); expect(wrapper.find("#throughputApplyLongDelayMessage").html()).toContain(`${targetThroughput}`);
const newCollection = { ...collection }; const newCollection = { ...collection };
const maxThroughput = 5000; const maxThroughput = 5000;
@ -66,7 +66,7 @@ describe("ScaleComponent", () => {
wrapper = shallow(<ScaleComponent {...newProps} />); wrapper = shallow(<ScaleComponent {...newProps} />);
expect(wrapper.exists("#throughputApplyShortDelayMessage")).toEqual(true); expect(wrapper.exists("#throughputApplyShortDelayMessage")).toEqual(true);
expect(wrapper.exists("#throughputApplyLongDelayMessage")).toEqual(false); expect(wrapper.exists("#throughputApplyLongDelayMessage")).toEqual(false);
expect(wrapper.find("#throughputApplyShortDelayMessage").html()).toContain(maxThroughput); expect(wrapper.find("#throughputApplyShortDelayMessage").html()).toContain(`${maxThroughput}`);
}); });
it("autoScale disabled", () => { it("autoScale disabled", () => {

362
src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/__snapshots__/ThroughputInputAutoPilotV3Component.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

4
src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ComputedPropertiesComponent.test.tsx.snap
View File

@ -3,14 +3,14 @@
exports[`ComputedPropertiesComponent renders 1`] = ` exports[`ComputedPropertiesComponent renders 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 5, "childrenGap": 5,
} }
} }
> >
<Text <Text
style={ style={
Object { {
"marginBottom": "10px", "marginBottom": "10px",
"marginLeft": "30px", "marginLeft": "30px",
} }

60
src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ConflictResolutionComponent.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`ConflictResolutionComponent Path text field displayed 1`] = ` exports[`ConflictResolutionComponent Path text field displayed 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }
@ -12,12 +12,12 @@ exports[`ConflictResolutionComponent Path text field displayed 1`] = `
label="Mode" label="Mode"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "LastWriterWins", "key": "LastWriterWins",
"text": "Last Write Wins (default)", "text": "Last Write Wins (default)",
}, },
Object { {
"key": "Custom", "key": "Custom",
"text": "Merge Procedure (custom)", "text": "Merge Procedure (custom)",
}, },
@ -25,19 +25,19 @@ exports[`ConflictResolutionComponent Path text field displayed 1`] = `
} }
selectedKey="LastWriterWins" selectedKey="LastWriterWins"
styles={ styles={
Object { {
"flexContainer": Array [ "flexContainer": [
Object { {
"columnGap": "default", "columnGap": "default",
"display": "default", "display": "default",
"selectors": Object { "selectors": {
".ms-ChoiceField-field.is-checked::after": Object { ".ms-ChoiceField-field.is-checked::after": {
"borderColor": undefined, "borderColor": undefined,
}, },
".ms-ChoiceField-field.is-checked::before": Object { ".ms-ChoiceField-field.is-checked::before": {
"borderColor": undefined, "borderColor": undefined,
}, },
".ms-ChoiceField-wrapper label": Object { ".ms-ChoiceField-wrapper label": {
"fontFamily": undefined, "fontFamily": undefined,
"fontSize": 14, "fontSize": 14,
"padding": "2px 5px", "padding": "2px 5px",
@ -55,12 +55,12 @@ exports[`ConflictResolutionComponent Path text field displayed 1`] = `
onChange={[Function]} onChange={[Function]}
onRenderLabel={[Function]} onRenderLabel={[Function]}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"borderColor": "", "borderColor": "",
"height": 25, "height": 25,
"selectors": Object { "selectors": {
":disabled": Object { ":disabled": {
"backgroundColor": undefined, "backgroundColor": undefined,
"borderColor": undefined, "borderColor": undefined,
}, },
@ -77,7 +77,7 @@ exports[`ConflictResolutionComponent Path text field displayed 1`] = `
exports[`ConflictResolutionComponent Sproc text field displayed 1`] = ` exports[`ConflictResolutionComponent Sproc text field displayed 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }
@ -86,12 +86,12 @@ exports[`ConflictResolutionComponent Sproc text field displayed 1`] = `
label="Mode" label="Mode"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "LastWriterWins", "key": "LastWriterWins",
"text": "Last Write Wins (default)", "text": "Last Write Wins (default)",
}, },
Object { {
"key": "Custom", "key": "Custom",
"text": "Merge Procedure (custom)", "text": "Merge Procedure (custom)",
}, },
@ -99,19 +99,19 @@ exports[`ConflictResolutionComponent Sproc text field displayed 1`] = `
} }
selectedKey="Custom" selectedKey="Custom"
styles={ styles={
Object { {
"flexContainer": Array [ "flexContainer": [
Object { {
"columnGap": "default", "columnGap": "default",
"display": "default", "display": "default",
"selectors": Object { "selectors": {
".ms-ChoiceField-field.is-checked::after": Object { ".ms-ChoiceField-field.is-checked::after": {
"borderColor": "", "borderColor": "",
}, },
".ms-ChoiceField-field.is-checked::before": Object { ".ms-ChoiceField-field.is-checked::before": {
"borderColor": "", "borderColor": "",
}, },
".ms-ChoiceField-wrapper label": Object { ".ms-ChoiceField-wrapper label": {
"fontFamily": undefined, "fontFamily": undefined,
"fontSize": 14, "fontSize": 14,
"padding": "2px 5px", "padding": "2px 5px",
@ -129,12 +129,12 @@ exports[`ConflictResolutionComponent Sproc text field displayed 1`] = `
onChange={[Function]} onChange={[Function]}
onRenderLabel={[Function]} onRenderLabel={[Function]}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"borderColor": "", "borderColor": "",
"height": 25, "height": 25,
"selectors": Object { "selectors": {
":disabled": Object { ":disabled": {
"backgroundColor": undefined, "backgroundColor": undefined,
"borderColor": undefined, "borderColor": undefined,
}, },

2
src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/IndexingPolicyComponent.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`IndexingPolicyComponent renders 1`] = ` exports[`IndexingPolicyComponent renders 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 5, "childrenGap": 5,
} }
} }

8
src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ScaleComponent.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`ScaleComponent renders with correct initial notification 1`] = ` exports[`ScaleComponent renders with correct initial notification 1`] = `
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }
@ -14,8 +14,8 @@ exports[`ScaleComponent renders with correct initial notification 1`] = `
<Text <Text
id="throughputApplyLongDelayMessage" id="throughputApplyLongDelayMessage"
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -30,7 +30,7 @@ exports[`ScaleComponent renders with correct initial notification 1`] = `
</StyledMessageBar> </StyledMessageBar>
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }

528
src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/SubSettingsComponent.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

14
src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ToolTipLabelComponent.test.tsx.snap
View File

@ -5,7 +5,7 @@ exports[`ToolTipLabelComponent renders 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 6, "childrenGap": 6,
} }
} }
@ -13,7 +13,7 @@ exports[`ToolTipLabelComponent renders 1`] = `
> >
<Text <Text
style={ style={
Object { {
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -22,7 +22,7 @@ exports[`ToolTipLabelComponent renders 1`] = `
</Text> </Text>
<StyledTooltipHostBase <StyledTooltipHostBase
calloutProps={ calloutProps={
Object { {
"gapSpace": 0, "gapSpace": 0,
} }
} }
@ -33,8 +33,8 @@ exports[`ToolTipLabelComponent renders 1`] = `
} }
directionalHint={12} directionalHint={12}
styles={ styles={
Object { {
"root": Object { "root": {
"display": "inline-block", "display": "inline-block",
"float": "right", "float": "right",
}, },
@ -45,8 +45,8 @@ exports[`ToolTipLabelComponent renders 1`] = `
ariaLabel="Info" ariaLabel="Info"
iconName="Info" iconName="Info"
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": -3, "marginBottom": -3,
}, },
} }

68
src/Explorer/Controls/Settings/__snapshots__/SettingsComponent.test.tsx.snap
View File

@ -16,14 +16,14 @@ exports[`SettingsComponent renders 1`] = `
itemKey="ScaleTab" itemKey="ScaleTab"
key="ScaleTab" key="ScaleTab"
style={ style={
Object { {
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<ScaleComponent <ScaleComponent
collection={ collection={
Object { {
"analyticalStorageTtl": [Function], "analyticalStorageTtl": [Function],
"changeFeedPolicy": [Function], "changeFeedPolicy": [Function],
"computedProperties": [Function], "computedProperties": [Function],
@ -36,7 +36,7 @@ exports[`SettingsComponent renders 1`] = `
"onRefreshResourcesClick": [Function], "onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient { "phoenixClient": PhoenixClient {
"armResourceId": undefined, "armResourceId": undefined,
"retryOptions": Object { "retryOptions": {
"maxTimeout": 5000, "maxTimeout": 5000,
"minTimeout": 5000, "minTimeout": 5000,
"retries": 3, "retries": 3,
@ -60,16 +60,16 @@ exports[`SettingsComponent renders 1`] = `
"id": [Function], "id": [Function],
"indexingPolicy": [Function], "indexingPolicy": [Function],
"offer": [Function], "offer": [Function],
"partitionKey": Object { "partitionKey": {
"kind": "hash", "kind": "hash",
"paths": Array [], "paths": [],
"version": 2, "version": 2,
}, },
"partitionKeyProperties": Array [ "partitionKeyProperties": [
"partitionKey", "partitionKey",
], ],
"readSettings": [Function], "readSettings": [Function],
"uniqueKeyPolicy": Object {}, "uniqueKeyPolicy": {},
"usageSizeInKB": [Function], "usageSizeInKB": [Function],
} }
} }
@ -90,7 +90,7 @@ exports[`SettingsComponent renders 1`] = `
itemKey="SubSettingsTab" itemKey="SubSettingsTab"
key="SubSettingsTab" key="SubSettingsTab"
style={ style={
Object { {
"marginTop": 20, "marginTop": 20,
} }
} }
@ -100,7 +100,7 @@ exports[`SettingsComponent renders 1`] = `
changeFeedPolicyBaseline="Off" changeFeedPolicyBaseline="Off"
changeFeedPolicyVisible={false} changeFeedPolicyVisible={false}
collection={ collection={
Object { {
"analyticalStorageTtl": [Function], "analyticalStorageTtl": [Function],
"changeFeedPolicy": [Function], "changeFeedPolicy": [Function],
"computedProperties": [Function], "computedProperties": [Function],
@ -113,7 +113,7 @@ exports[`SettingsComponent renders 1`] = `
"onRefreshResourcesClick": [Function], "onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient { "phoenixClient": PhoenixClient {
"armResourceId": undefined, "armResourceId": undefined,
"retryOptions": Object { "retryOptions": {
"maxTimeout": 5000, "maxTimeout": 5000,
"minTimeout": 5000, "minTimeout": 5000,
"retries": 3, "retries": 3,
@ -137,16 +137,16 @@ exports[`SettingsComponent renders 1`] = `
"id": [Function], "id": [Function],
"indexingPolicy": [Function], "indexingPolicy": [Function],
"offer": [Function], "offer": [Function],
"partitionKey": Object { "partitionKey": {
"kind": "hash", "kind": "hash",
"paths": Array [], "paths": [],
"version": 2, "version": 2,
}, },
"partitionKeyProperties": Array [ "partitionKeyProperties": [
"partitionKey", "partitionKey",
], ],
"readSettings": [Function], "readSettings": [Function],
"uniqueKeyPolicy": Object {}, "uniqueKeyPolicy": {},
"usageSizeInKB": [Function], "usageSizeInKB": [Function],
} }
} }
@ -174,25 +174,25 @@ exports[`SettingsComponent renders 1`] = `
itemKey="IndexingPolicyTab" itemKey="IndexingPolicyTab"
key="IndexingPolicyTab" key="IndexingPolicyTab"
style={ style={
Object { {
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<IndexingPolicyComponent <IndexingPolicyComponent
indexingPolicyContent={ indexingPolicyContent={
Object { {
"automatic": true, "automatic": true,
"excludedPaths": Array [], "excludedPaths": [],
"includedPaths": Array [], "includedPaths": [],
"indexingMode": "consistent", "indexingMode": "consistent",
} }
} }
indexingPolicyContentBaseline={ indexingPolicyContentBaseline={
Object { {
"automatic": true, "automatic": true,
"excludedPaths": Array [], "excludedPaths": [],
"includedPaths": Array [], "includedPaths": [],
"indexingMode": "consistent", "indexingMode": "consistent",
} }
} }
@ -210,14 +210,14 @@ exports[`SettingsComponent renders 1`] = `
itemKey="PartitionKeyTab" itemKey="PartitionKeyTab"
key="PartitionKeyTab" key="PartitionKeyTab"
style={ style={
Object { {
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<PartitionKeyComponent <PartitionKeyComponent
collection={ collection={
Object { {
"analyticalStorageTtl": [Function], "analyticalStorageTtl": [Function],
"changeFeedPolicy": [Function], "changeFeedPolicy": [Function],
"computedProperties": [Function], "computedProperties": [Function],
@ -230,7 +230,7 @@ exports[`SettingsComponent renders 1`] = `
"onRefreshResourcesClick": [Function], "onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient { "phoenixClient": PhoenixClient {
"armResourceId": undefined, "armResourceId": undefined,
"retryOptions": Object { "retryOptions": {
"maxTimeout": 5000, "maxTimeout": 5000,
"minTimeout": 5000, "minTimeout": 5000,
"retries": 3, "retries": 3,
@ -254,16 +254,16 @@ exports[`SettingsComponent renders 1`] = `
"id": [Function], "id": [Function],
"indexingPolicy": [Function], "indexingPolicy": [Function],
"offer": [Function], "offer": [Function],
"partitionKey": Object { "partitionKey": {
"kind": "hash", "kind": "hash",
"paths": Array [], "paths": [],
"version": 2, "version": 2,
}, },
"partitionKeyProperties": Array [ "partitionKeyProperties": [
"partitionKey", "partitionKey",
], ],
"readSettings": [Function], "readSettings": [Function],
"uniqueKeyPolicy": Object {}, "uniqueKeyPolicy": {},
"usageSizeInKB": [Function], "usageSizeInKB": [Function],
} }
} }
@ -276,7 +276,7 @@ exports[`SettingsComponent renders 1`] = `
"onRefreshResourcesClick": [Function], "onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient { "phoenixClient": PhoenixClient {
"armResourceId": undefined, "armResourceId": undefined,
"retryOptions": Object { "retryOptions": {
"maxTimeout": 5000, "maxTimeout": 5000,
"minTimeout": 5000, "minTimeout": 5000,
"retries": 3, "retries": 3,
@ -301,23 +301,23 @@ exports[`SettingsComponent renders 1`] = `
itemKey="ComputedPropertiesTab" itemKey="ComputedPropertiesTab"
key="ComputedPropertiesTab" key="ComputedPropertiesTab"
style={ style={
Object { {
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<ComputedPropertiesComponent <ComputedPropertiesComponent
computedPropertiesContent={ computedPropertiesContent={
Array [ [
Object { {
"name": "queryName", "name": "queryName",
"query": "query", "query": "query",
}, },
] ]
} }
computedPropertiesContentBaseline={ computedPropertiesContentBaseline={
Array [ [
Object { {
"name": "queryName", "name": "queryName",
"query": "query", "query": "query",
}, },

62
src/Explorer/Controls/Settings/__snapshots__/SettingsRenderUtils.test.tsx.snap
View File

@ -5,7 +5,7 @@ exports[`SettingsUtils functions render 1`] = `
<Stack> <Stack>
<Text <Text
style={ style={
Object { {
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -14,7 +14,7 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontWeight": 600, "fontWeight": 600,
"marginTop": 15, "marginTop": 15,
} }
@ -25,7 +25,7 @@ exports[`SettingsUtils functions render 1`] = `
<Stack <Stack
id="throughputSpendElement" id="throughputSpendElement"
style={ style={
Object { {
"marginTop": 5, "marginTop": 5,
} }
} }
@ -49,7 +49,7 @@ exports[`SettingsUtils functions render 1`] = `
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"marginTop": 15, "marginTop": 15,
} }
} }
@ -63,8 +63,8 @@ exports[`SettingsUtils functions render 1`] = `
<Text <Text
id="manualToAutoscaleDisclaimerElement" id="manualToAutoscaleDisclaimerElement"
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -81,8 +81,8 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -102,8 +102,8 @@ exports[`SettingsUtils functions render 1`] = `
<Text <Text
id="updateThroughputDelayedApplyWarningMessage" id="updateThroughputDelayedApplyWarningMessage"
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -114,8 +114,8 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -134,8 +134,8 @@ exports[`SettingsUtils functions render 1`] = `
<Text <Text
id="throughputApplyShortDelayMessage" id="throughputApplyShortDelayMessage"
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -150,8 +150,8 @@ exports[`SettingsUtils functions render 1`] = `
<Text <Text
id="throughputApplyLongDelayMessage" id="throughputApplyLongDelayMessage"
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -165,8 +165,8 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -179,8 +179,8 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -191,8 +191,8 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -211,8 +211,8 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -247,15 +247,15 @@ exports[`SettingsUtils functions render 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
tokens={ tokens={
Object { {
"childrenGap": 5, "childrenGap": 5,
} }
} }
> >
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -270,8 +270,8 @@ exports[`SettingsUtils functions render 1`] = `
</Stack> </Stack>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },
@ -287,8 +287,8 @@ exports[`SettingsUtils functions render 1`] = `
</Text> </Text>
<Text <Text
styles={ styles={
Object { {
"root": Object { "root": {
"color": "windowtext", "color": "windowtext",
"fontSize": 14, "fontSize": 14,
}, },

3
src/Explorer/Controls/SmartUi/SmartUiComponent.tsx
View File

@ -14,7 +14,6 @@ import {
TextField, TextField,
Toggle, Toggle,
} from "@fluentui/react"; } from "@fluentui/react";
import { TFunction } from "i18next";
import * as React from "react"; import * as React from "react";
import { import {
ChoiceItem, ChoiceItem,
@ -100,7 +99,7 @@ export interface SmartUiComponentProps {
onInputChange: (input: AnyDisplay, newValue: InputType) => void; onInputChange: (input: AnyDisplay, newValue: InputType) => void;
onError: (hasError: boolean) => void; onError: (hasError: boolean) => void;
disabled: boolean; disabled: boolean;
getTranslation: TFunction; getTranslation: (messageKey: string, namespace?: string) => string;
} }
interface SmartUiComponentState { interface SmartUiComponentState {

104
src/Explorer/Controls/SmartUi/__snapshots__/SmartUiComponent.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -16,7 +16,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -28,7 +28,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
aria-labelledby="description-label" aria-labelledby="description-label"
id="description-text-display" id="description-text-display"
style={ style={
Object { {
"whiteSpace": "pre-line", "whiteSpace": "pre-line",
} }
} }
@ -53,7 +53,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -70,14 +70,14 @@ exports[`SmartUiComponent disable all inputs 1`] = `
</StyledLabelBase> </StyledLabelBase>
<Stack <Stack
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 2, "childrenGap": 2,
} }
} }
@ -107,7 +107,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -133,11 +133,11 @@ exports[`SmartUiComponent disable all inputs 1`] = `
onChange={[Function]} onChange={[Function]}
step={10} step={10}
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
"valueLabel": Object { "valueLabel": {
"color": "#393939", "color": "#393939",
"fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif", "fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif",
"fontSize": 12, "fontSize": 12,
@ -157,7 +157,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -178,7 +178,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -199,8 +199,8 @@ exports[`SmartUiComponent disable all inputs 1`] = `
id="containerId-textField-input" id="containerId-textField-input"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }
@ -219,7 +219,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -243,8 +243,8 @@ exports[`SmartUiComponent disable all inputs 1`] = `
onChange={[Function]} onChange={[Function]}
onText="Enabled" onText="Enabled"
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }
@ -261,7 +261,7 @@ exports[`SmartUiComponent disable all inputs 1`] = `
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -282,16 +282,16 @@ exports[`SmartUiComponent disable all inputs 1`] = `
id="database-dropdown-input" id="database-dropdown-input"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "db1", "key": "db1",
"text": "Database 1", "text": "Database 1",
}, },
Object { {
"key": "db2", "key": "db2",
"text": "Database 2", "text": "Database 2",
}, },
Object { {
"key": "db3", "key": "db3",
"text": "Database 3", "text": "Database 3",
}, },
@ -299,13 +299,13 @@ exports[`SmartUiComponent disable all inputs 1`] = `
} }
selectedKey="db2" selectedKey="db2"
styles={ styles={
Object { {
"dropdown": Object { "dropdown": {
"color": "#393939", "color": "#393939",
"fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif", "fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif",
"fontSize": 12, "fontSize": 12,
}, },
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }
@ -323,7 +323,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -335,7 +335,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -347,7 +347,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
aria-labelledby="description-label" aria-labelledby="description-label"
id="description-text-display" id="description-text-display"
style={ style={
Object { {
"whiteSpace": "pre-line", "whiteSpace": "pre-line",
} }
} }
@ -372,7 +372,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -389,14 +389,14 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
</StyledLabelBase> </StyledLabelBase>
<Stack <Stack
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 2, "childrenGap": 2,
} }
} }
@ -425,7 +425,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -450,11 +450,11 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
onChange={[Function]} onChange={[Function]}
step={10} step={10}
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
"valueLabel": Object { "valueLabel": {
"color": "#393939", "color": "#393939",
"fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif", "fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif",
"fontSize": 12, "fontSize": 12,
@ -474,7 +474,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -495,7 +495,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -515,8 +515,8 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
id="containerId-textField-input" id="containerId-textField-input"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }
@ -535,7 +535,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -558,8 +558,8 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
onChange={[Function]} onChange={[Function]}
onText="Enabled" onText="Enabled"
styles={ styles={
Object { {
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }
@ -576,7 +576,7 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
<Stack <Stack
className="widgetRendererContainer" className="widgetRendererContainer"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -596,16 +596,16 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
id="database-dropdown-input" id="database-dropdown-input"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "db1", "key": "db1",
"text": "Database 1", "text": "Database 1",
}, },
Object { {
"key": "db2", "key": "db2",
"text": "Database 2", "text": "Database 2",
}, },
Object { {
"key": "db3", "key": "db3",
"text": "Database 3", "text": "Database 3",
}, },
@ -613,13 +613,13 @@ exports[`SmartUiComponent should render and honor input's hidden, disabled state
} }
selectedKey="db2" selectedKey="db2"
styles={ styles={
Object { {
"dropdown": Object { "dropdown": {
"color": "#393939", "color": "#393939",
"fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif", "fontFamily": "wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif",
"fontSize": 12, "fontSize": 12,
}, },
"root": Object { "root": {
"width": 400, "width": 400,
}, },
} }

246
src/Explorer/Controls/ThroughputInput/__snapshots__/ThroughputInput.test.tsx.snap
View File

@ -30,7 +30,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
aria-label="Throughput header" aria-label="Throughput header"
key=".0:$.$.1" key=".0:$.$.1"
style={ style={
Object { {
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -41,7 +41,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
aria-label="Throughput header" aria-label="Throughput header"
className="css-110" className="css-110"
style={ style={
Object { {
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -62,9 +62,9 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
delay={1} delay={1}
styles={[Function]} styles={[Function]}
theme={ theme={
Object { {
"disableGlobalClassNames": false, "disableGlobalClassNames": false,
"effects": Object { "effects": {
"elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)", "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
"elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)", "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
@ -73,92 +73,92 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"roundedCorner4": "4px", "roundedCorner4": "4px",
"roundedCorner6": "6px", "roundedCorner6": "6px",
}, },
"fonts": Object { "fonts": {
"large": Object { "large": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "18px", "fontSize": "18px",
"fontWeight": 400, "fontWeight": 400,
}, },
"medium": Object { "medium": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "14px", "fontSize": "14px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mediumPlus": Object { "mediumPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "16px", "fontSize": "16px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mega": Object { "mega": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "68px", "fontSize": "68px",
"fontWeight": 600, "fontWeight": 600,
}, },
"small": Object { "small": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"smallPlus": Object { "smallPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"superLarge": Object { "superLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "42px", "fontSize": "42px",
"fontWeight": 600, "fontWeight": 600,
}, },
"tiny": Object { "tiny": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xLarge": Object { "xLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "20px", "fontSize": "20px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xLargePlus": Object { "xLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "24px", "fontSize": "24px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xSmall": Object { "xSmall": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xxLarge": Object { "xxLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "28px", "fontSize": "28px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xxLargePlus": Object { "xxLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
@ -167,7 +167,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}, },
}, },
"isInverted": false, "isInverted": false,
"palette": Object { "palette": {
"accent": "#0078d4", "accent": "#0078d4",
"black": "#000000", "black": "#000000",
"blackTranslucent40": "rgba(0,0,0,.4)", "blackTranslucent40": "rgba(0,0,0,.4)",
@ -220,7 +220,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"yellowLight": "#fff100", "yellowLight": "#fff100",
}, },
"rtl": undefined, "rtl": undefined,
"semanticColors": Object { "semanticColors": {
"accentButtonBackground": "#0078d4", "accentButtonBackground": "#0078d4",
"accentButtonText": "#ffffff", "accentButtonText": "#ffffff",
"actionLink": "#323130", "actionLink": "#323130",
@ -325,7 +325,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"warningIcon": "#797775", "warningIcon": "#797775",
"warningText": "#323130", "warningText": "#323130",
}, },
"spacing": Object { "spacing": {
"l1": "20px", "l1": "20px",
"l2": "32px", "l2": "32px",
"m": "16px", "m": "16px",
@ -357,9 +357,9 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
styles={[Function]} styles={[Function]}
tabIndex={0} tabIndex={0}
theme={ theme={
Object { {
"disableGlobalClassNames": false, "disableGlobalClassNames": false,
"effects": Object { "effects": {
"elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)", "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
"elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)", "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
@ -368,92 +368,92 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"roundedCorner4": "4px", "roundedCorner4": "4px",
"roundedCorner6": "6px", "roundedCorner6": "6px",
}, },
"fonts": Object { "fonts": {
"large": Object { "large": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "18px", "fontSize": "18px",
"fontWeight": 400, "fontWeight": 400,
}, },
"medium": Object { "medium": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "14px", "fontSize": "14px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mediumPlus": Object { "mediumPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "16px", "fontSize": "16px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mega": Object { "mega": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "68px", "fontSize": "68px",
"fontWeight": 600, "fontWeight": 600,
}, },
"small": Object { "small": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"smallPlus": Object { "smallPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"superLarge": Object { "superLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "42px", "fontSize": "42px",
"fontWeight": 600, "fontWeight": 600,
}, },
"tiny": Object { "tiny": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xLarge": Object { "xLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "20px", "fontSize": "20px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xLargePlus": Object { "xLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "24px", "fontSize": "24px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xSmall": Object { "xSmall": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xxLarge": Object { "xxLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "28px", "fontSize": "28px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xxLargePlus": Object { "xxLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
@ -462,7 +462,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}, },
}, },
"isInverted": false, "isInverted": false,
"palette": Object { "palette": {
"accent": "#0078d4", "accent": "#0078d4",
"black": "#000000", "black": "#000000",
"blackTranslucent40": "rgba(0,0,0,.4)", "blackTranslucent40": "rgba(0,0,0,.4)",
@ -515,7 +515,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"yellowLight": "#fff100", "yellowLight": "#fff100",
}, },
"rtl": undefined, "rtl": undefined,
"semanticColors": Object { "semanticColors": {
"accentButtonBackground": "#0078d4", "accentButtonBackground": "#0078d4",
"accentButtonText": "#ffffff", "accentButtonText": "#ffffff",
"actionLink": "#323130", "actionLink": "#323130",
@ -620,7 +620,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"warningIcon": "#797775", "warningIcon": "#797775",
"warningText": "#323130", "warningText": "#323130",
}, },
"spacing": Object { "spacing": {
"l1": "20px", "l1": "20px",
"l2": "32px", "l2": "32px",
"m": "16px", "m": "16px",
@ -645,7 +645,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
hidden={true} hidden={true}
id="tooltip0" id="tooltip0"
style={ style={
Object { {
"border": 0, "border": 0,
"height": 1, "height": 1,
"margin": -1, "margin": -1,
@ -744,9 +744,9 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
styles={[Function]} styles={[Function]}
target="_blank" target="_blank"
theme={ theme={
Object { {
"disableGlobalClassNames": false, "disableGlobalClassNames": false,
"effects": Object { "effects": {
"elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)", "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
"elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)", "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
@ -755,92 +755,92 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"roundedCorner4": "4px", "roundedCorner4": "4px",
"roundedCorner6": "6px", "roundedCorner6": "6px",
}, },
"fonts": Object { "fonts": {
"large": Object { "large": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "18px", "fontSize": "18px",
"fontWeight": 400, "fontWeight": 400,
}, },
"medium": Object { "medium": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "14px", "fontSize": "14px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mediumPlus": Object { "mediumPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "16px", "fontSize": "16px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mega": Object { "mega": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "68px", "fontSize": "68px",
"fontWeight": 600, "fontWeight": 600,
}, },
"small": Object { "small": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"smallPlus": Object { "smallPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"superLarge": Object { "superLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "42px", "fontSize": "42px",
"fontWeight": 600, "fontWeight": 600,
}, },
"tiny": Object { "tiny": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xLarge": Object { "xLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "20px", "fontSize": "20px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xLargePlus": Object { "xLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "24px", "fontSize": "24px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xSmall": Object { "xSmall": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xxLarge": Object { "xxLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "28px", "fontSize": "28px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xxLargePlus": Object { "xxLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
@ -849,7 +849,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}, },
}, },
"isInverted": false, "isInverted": false,
"palette": Object { "palette": {
"accent": "#0078d4", "accent": "#0078d4",
"black": "#000000", "black": "#000000",
"blackTranslucent40": "rgba(0,0,0,.4)", "blackTranslucent40": "rgba(0,0,0,.4)",
@ -902,7 +902,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"yellowLight": "#fff100", "yellowLight": "#fff100",
}, },
"rtl": undefined, "rtl": undefined,
"semanticColors": Object { "semanticColors": {
"accentButtonBackground": "#0078d4", "accentButtonBackground": "#0078d4",
"accentButtonText": "#ffffff", "accentButtonText": "#ffffff",
"actionLink": "#323130", "actionLink": "#323130",
@ -1007,7 +1007,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"warningIcon": "#797775", "warningIcon": "#797775",
"warningText": "#323130", "warningText": "#323130",
}, },
"spacing": Object { "spacing": {
"l1": "20px", "l1": "20px",
"l2": "32px", "l2": "32px",
"m": "16px", "m": "16px",
@ -1042,7 +1042,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
aria-label="maxRUDescription" aria-label="maxRUDescription"
key=".0:$.$.0" key=".0:$.$.0"
style={ style={
Object { {
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -1053,7 +1053,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
aria-label="maxRUDescription" aria-label="maxRUDescription"
className="css-110" className="css-110"
style={ style={
Object { {
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -1075,9 +1075,9 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
delay={1} delay={1}
styles={[Function]} styles={[Function]}
theme={ theme={
Object { {
"disableGlobalClassNames": false, "disableGlobalClassNames": false,
"effects": Object { "effects": {
"elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)", "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
"elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)", "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
@ -1086,92 +1086,92 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"roundedCorner4": "4px", "roundedCorner4": "4px",
"roundedCorner6": "6px", "roundedCorner6": "6px",
}, },
"fonts": Object { "fonts": {
"large": Object { "large": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "18px", "fontSize": "18px",
"fontWeight": 400, "fontWeight": 400,
}, },
"medium": Object { "medium": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "14px", "fontSize": "14px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mediumPlus": Object { "mediumPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "16px", "fontSize": "16px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mega": Object { "mega": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "68px", "fontSize": "68px",
"fontWeight": 600, "fontWeight": 600,
}, },
"small": Object { "small": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"smallPlus": Object { "smallPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"superLarge": Object { "superLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "42px", "fontSize": "42px",
"fontWeight": 600, "fontWeight": 600,
}, },
"tiny": Object { "tiny": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xLarge": Object { "xLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "20px", "fontSize": "20px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xLargePlus": Object { "xLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "24px", "fontSize": "24px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xSmall": Object { "xSmall": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xxLarge": Object { "xxLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "28px", "fontSize": "28px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xxLargePlus": Object { "xxLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
@ -1180,7 +1180,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}, },
}, },
"isInverted": false, "isInverted": false,
"palette": Object { "palette": {
"accent": "#0078d4", "accent": "#0078d4",
"black": "#000000", "black": "#000000",
"blackTranslucent40": "rgba(0,0,0,.4)", "blackTranslucent40": "rgba(0,0,0,.4)",
@ -1233,7 +1233,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"yellowLight": "#fff100", "yellowLight": "#fff100",
}, },
"rtl": undefined, "rtl": undefined,
"semanticColors": Object { "semanticColors": {
"accentButtonBackground": "#0078d4", "accentButtonBackground": "#0078d4",
"accentButtonText": "#ffffff", "accentButtonText": "#ffffff",
"actionLink": "#323130", "actionLink": "#323130",
@ -1338,7 +1338,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"warningIcon": "#797775", "warningIcon": "#797775",
"warningText": "#323130", "warningText": "#323130",
}, },
"spacing": Object { "spacing": {
"l1": "20px", "l1": "20px",
"l2": "32px", "l2": "32px",
"m": "16px", "m": "16px",
@ -1370,9 +1370,9 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
styles={[Function]} styles={[Function]}
tabIndex={0} tabIndex={0}
theme={ theme={
Object { {
"disableGlobalClassNames": false, "disableGlobalClassNames": false,
"effects": Object { "effects": {
"elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)", "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
"elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)", "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
@ -1381,92 +1381,92 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"roundedCorner4": "4px", "roundedCorner4": "4px",
"roundedCorner6": "6px", "roundedCorner6": "6px",
}, },
"fonts": Object { "fonts": {
"large": Object { "large": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "18px", "fontSize": "18px",
"fontWeight": 400, "fontWeight": 400,
}, },
"medium": Object { "medium": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "14px", "fontSize": "14px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mediumPlus": Object { "mediumPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "16px", "fontSize": "16px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mega": Object { "mega": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "68px", "fontSize": "68px",
"fontWeight": 600, "fontWeight": 600,
}, },
"small": Object { "small": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"smallPlus": Object { "smallPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"superLarge": Object { "superLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "42px", "fontSize": "42px",
"fontWeight": 600, "fontWeight": 600,
}, },
"tiny": Object { "tiny": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xLarge": Object { "xLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "20px", "fontSize": "20px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xLargePlus": Object { "xLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "24px", "fontSize": "24px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xSmall": Object { "xSmall": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xxLarge": Object { "xxLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "28px", "fontSize": "28px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xxLargePlus": Object { "xxLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
@ -1475,7 +1475,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}, },
}, },
"isInverted": false, "isInverted": false,
"palette": Object { "palette": {
"accent": "#0078d4", "accent": "#0078d4",
"black": "#000000", "black": "#000000",
"blackTranslucent40": "rgba(0,0,0,.4)", "blackTranslucent40": "rgba(0,0,0,.4)",
@ -1528,7 +1528,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"yellowLight": "#fff100", "yellowLight": "#fff100",
}, },
"rtl": undefined, "rtl": undefined,
"semanticColors": Object { "semanticColors": {
"accentButtonBackground": "#0078d4", "accentButtonBackground": "#0078d4",
"accentButtonText": "#ffffff", "accentButtonText": "#ffffff",
"actionLink": "#323130", "actionLink": "#323130",
@ -1633,7 +1633,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"warningIcon": "#797775", "warningIcon": "#797775",
"warningText": "#323130", "warningText": "#323130",
}, },
"spacing": Object { "spacing": {
"l1": "20px", "l1": "20px",
"l2": "32px", "l2": "32px",
"m": "16px", "m": "16px",
@ -1658,7 +1658,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
hidden={true} hidden={true}
id="tooltip1" id="tooltip1"
style={ style={
Object { {
"border": 0, "border": 0,
"height": 1, "height": 1,
"margin": -1, "margin": -1,
@ -1690,11 +1690,11 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
required={true} required={true}
step={1000} step={1000}
styles={ styles={
Object { {
"field": Object { "field": {
"fontSize": 12, "fontSize": 12,
}, },
"fieldGroup": Object { "fieldGroup": {
"height": 27, "height": 27,
"width": 300, "width": 300,
}, },
@ -1716,9 +1716,9 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
step={1000} step={1000}
styles={[Function]} styles={[Function]}
theme={ theme={
Object { {
"disableGlobalClassNames": false, "disableGlobalClassNames": false,
"effects": Object { "effects": {
"elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)", "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
"elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)", "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
@ -1727,92 +1727,92 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"roundedCorner4": "4px", "roundedCorner4": "4px",
"roundedCorner6": "6px", "roundedCorner6": "6px",
}, },
"fonts": Object { "fonts": {
"large": Object { "large": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "18px", "fontSize": "18px",
"fontWeight": 400, "fontWeight": 400,
}, },
"medium": Object { "medium": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "14px", "fontSize": "14px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mediumPlus": Object { "mediumPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "16px", "fontSize": "16px",
"fontWeight": 400, "fontWeight": 400,
}, },
"mega": Object { "mega": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "68px", "fontSize": "68px",
"fontWeight": 600, "fontWeight": 600,
}, },
"small": Object { "small": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"smallPlus": Object { "smallPlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "12px", "fontSize": "12px",
"fontWeight": 400, "fontWeight": 400,
}, },
"superLarge": Object { "superLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "42px", "fontSize": "42px",
"fontWeight": 600, "fontWeight": 600,
}, },
"tiny": Object { "tiny": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xLarge": Object { "xLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "20px", "fontSize": "20px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xLargePlus": Object { "xLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "24px", "fontSize": "24px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xSmall": Object { "xSmall": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
}, },
"xxLarge": Object { "xxLarge": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": "28px", "fontSize": "28px",
"fontWeight": 600, "fontWeight": 600,
}, },
"xxLargePlus": Object { "xxLargePlus": {
"MozOsxFontSmoothing": "grayscale", "MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased", "WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif", "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
@ -1821,7 +1821,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}, },
}, },
"isInverted": false, "isInverted": false,
"palette": Object { "palette": {
"accent": "#0078d4", "accent": "#0078d4",
"black": "#000000", "black": "#000000",
"blackTranslucent40": "rgba(0,0,0,.4)", "blackTranslucent40": "rgba(0,0,0,.4)",
@ -1874,7 +1874,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"yellowLight": "#fff100", "yellowLight": "#fff100",
}, },
"rtl": undefined, "rtl": undefined,
"semanticColors": Object { "semanticColors": {
"accentButtonBackground": "#0078d4", "accentButtonBackground": "#0078d4",
"accentButtonText": "#ffffff", "accentButtonText": "#ffffff",
"actionLink": "#323130", "actionLink": "#323130",
@ -1979,7 +1979,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"warningIcon": "#797775", "warningIcon": "#797775",
"warningText": "#323130", "warningText": "#323130",
}, },
"spacing": Object { "spacing": {
"l1": "20px", "l1": "20px",
"l2": "32px", "l2": "32px",
"m": "16px", "m": "16px",

134
src/Explorer/Controls/TreeComponent/__snapshots__/LegacyTreeComponent.test.tsx.snap
View File

@ -8,20 +8,20 @@ exports[`LegacyTreeComponent renders a simple tree 1`] = `
<LegacyTreeNodeComponent <LegacyTreeNodeComponent
generation={0} generation={0}
node={ node={
Object { {
"children": Array [ "children": [
Object { {
"children": Array [ "children": [
Object { {
"label": "ZgrandChild11", "label": "ZgrandChild11",
}, },
Object { {
"label": "AgrandChild12", "label": "AgrandChild12",
}, },
], ],
"label": "Bchild1", "label": "Bchild1",
}, },
Object { {
"label": "2child2", "label": "2child2",
}, },
], ],
@ -45,7 +45,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
className="treeNodeHeader " className="treeNodeHeader "
data-test="Tree/TreeNode/Header:label" data-test="Tree/TreeNode/Header:label"
style={ style={
Object { {
"paddingLeft": 9, "paddingLeft": 9,
} }
} }
@ -56,7 +56,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
className="expandCollapseIcon" className="expandCollapseIcon"
onKeyPress={[Function]} onKeyPress={[Function]}
role="button" role="button"
src={Object {}} src={{}}
tabIndex={0} tabIndex={0}
/> />
<span <span
@ -78,7 +78,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
<AnimateHeight <AnimateHeight
animateOpacity={false} animateOpacity={false}
animationStateClasses={ animationStateClasses={
Object { {
"animating": "rah-animating", "animating": "rah-animating",
"animatingDown": "rah-animating--down", "animatingDown": "rah-animating--down",
"animatingToHeightAuto": "rah-animating--to-height-auto", "animatingToHeightAuto": "rah-animating--to-height-auto",
@ -96,7 +96,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
duration={200} duration={200}
easing="ease" easing="ease"
height={0} height={0}
style={Object {}} style={{}}
> >
<div <div
className="nodeChildren" className="nodeChildren"
@ -107,12 +107,12 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
generation={3} generation={3}
key="Bchild1-3-undefined" key="Bchild1-3-undefined"
node={ node={
Object { {
"children": Array [ "children": [
Object { {
"label": "ZgrandChild11", "label": "ZgrandChild11",
}, },
Object { {
"label": "AgrandChild12", "label": "AgrandChild12",
}, },
], ],
@ -125,7 +125,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
generation={3} generation={3}
key="2child2-3-undefined" key="2child2-3-undefined"
node={ node={
Object { {
"label": "2child2", "label": "2child2",
} }
} }
@ -149,7 +149,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
className="treeNodeHeader " className="treeNodeHeader "
data-test="Tree/TreeNode/Header:label" data-test="Tree/TreeNode/Header:label"
style={ style={
Object { {
"paddingLeft": 23, "paddingLeft": 23,
} }
} }
@ -160,7 +160,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
className="expandCollapseIcon" className="expandCollapseIcon"
onKeyPress={[Function]} onKeyPress={[Function]}
role="button" role="button"
src={Object {}} src={{}}
tabIndex={0} tabIndex={0}
/> />
<span <span
@ -177,10 +177,10 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
ariaLabel="More options" ariaLabel="More options"
className="treeMenuEllipsis" className="treeMenuEllipsis"
menuIconProps={ menuIconProps={
Object { {
"iconName": "More", "iconName": "More",
"styles": Object { "styles": {
"root": Object { "root": {
"fontSize": "18px", "fontSize": "18px",
"fontWeight": "bold", "fontWeight": "bold",
}, },
@ -188,13 +188,13 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
} }
} }
menuProps={ menuProps={
Object { {
"contextualMenuItemAs": [Function], "contextualMenuItemAs": [Function],
"coverTarget": true, "coverTarget": true,
"directionalHint": 3, "directionalHint": 3,
"isBeakVisible": false, "isBeakVisible": false,
"items": Array [ "items": [
Object { {
"className": undefined, "className": undefined,
"disabled": true, "disabled": true,
"key": "menuLabel", "key": "menuLabel",
@ -209,8 +209,8 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
} }
name="More" name="More"
styles={ styles={
Object { {
"rootFocused": Object { "rootFocused": {
"outline": "1px dashed undefined", "outline": "1px dashed undefined",
}, },
} }
@ -231,7 +231,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
<AnimateHeight <AnimateHeight
animateOpacity={false} animateOpacity={false}
animationStateClasses={ animationStateClasses={
Object { {
"animating": "rah-animating", "animating": "rah-animating",
"animatingDown": "rah-animating--down", "animatingDown": "rah-animating--down",
"animatingToHeightAuto": "rah-animating--to-height-auto", "animatingToHeightAuto": "rah-animating--to-height-auto",
@ -249,7 +249,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
duration={200} duration={200}
easing="ease" easing="ease"
height="auto" height="auto"
style={Object {}} style={{}}
> >
<div <div
className="nodeChildren" className="nodeChildren"
@ -260,7 +260,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
generation={13} generation={13}
key="2child2-13-undefined" key="2child2-13-undefined"
node={ node={
Object { {
"label": "2child2", "label": "2child2",
} }
} }
@ -270,12 +270,12 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
generation={13} generation={13}
key="Bchild1-13-undefined" key="Bchild1-13-undefined"
node={ node={
Object { {
"children": Array [ "children": [
Object { {
"label": "ZgrandChild11", "label": "ZgrandChild11",
}, },
Object { {
"label": "AgrandChild12", "label": "AgrandChild12",
}, },
], ],
@ -301,7 +301,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
className="treeNodeHeader " className="treeNodeHeader "
data-test="Tree/TreeNode/Header:label" data-test="Tree/TreeNode/Header:label"
style={ style={
Object { {
"paddingLeft": 9, "paddingLeft": 9,
} }
} }
@ -312,7 +312,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
className="expandCollapseIcon" className="expandCollapseIcon"
onKeyPress={[Function]} onKeyPress={[Function]}
role="button" role="button"
src={Object {}} src={{}}
tabIndex={0} tabIndex={0}
/> />
<span <span
@ -334,7 +334,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
<AnimateHeight <AnimateHeight
animateOpacity={false} animateOpacity={false}
animationStateClasses={ animationStateClasses={
Object { {
"animating": "rah-animating", "animating": "rah-animating",
"animatingDown": "rah-animating--down", "animatingDown": "rah-animating--down",
"animatingToHeightAuto": "rah-animating--to-height-auto", "animatingToHeightAuto": "rah-animating--to-height-auto",
@ -352,7 +352,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
duration={200} duration={200}
easing="ease" easing="ease"
height="auto" height="auto"
style={Object {}} style={{}}
> >
<div <div
className="nodeChildren" className="nodeChildren"
@ -376,7 +376,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
className="treeNodeHeader " className="treeNodeHeader "
data-test="Tree/TreeNode/Header:label" data-test="Tree/TreeNode/Header:label"
style={ style={
Object { {
"paddingLeft": 23, "paddingLeft": 23,
} }
} }
@ -387,7 +387,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
className="expandCollapseIcon" className="expandCollapseIcon"
onKeyPress={[Function]} onKeyPress={[Function]}
role="button" role="button"
src={Object {}} src={{}}
tabIndex={0} tabIndex={0}
/> />
<span <span
@ -404,10 +404,10 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
ariaLabel="More options" ariaLabel="More options"
className="treeMenuEllipsis" className="treeMenuEllipsis"
menuIconProps={ menuIconProps={
Object { {
"iconName": "More", "iconName": "More",
"styles": Object { "styles": {
"root": Object { "root": {
"fontSize": "18px", "fontSize": "18px",
"fontWeight": "bold", "fontWeight": "bold",
}, },
@ -415,20 +415,20 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
} }
} }
menuProps={ menuProps={
Object { {
"contextualMenuItemAs": [Function], "contextualMenuItemAs": [Function],
"coverTarget": true, "coverTarget": true,
"directionalHint": 3, "directionalHint": 3,
"isBeakVisible": false, "isBeakVisible": false,
"items": Array [], "items": [],
"onMenuDismissed": [Function], "onMenuDismissed": [Function],
"onMenuOpened": [Function], "onMenuOpened": [Function],
} }
} }
name="More" name="More"
styles={ styles={
Object { {
"rootFocused": Object { "rootFocused": {
"outline": "1px dashed undefined", "outline": "1px dashed undefined",
}, },
} }
@ -449,7 +449,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
<AnimateHeight <AnimateHeight
animateOpacity={false} animateOpacity={false}
animationStateClasses={ animationStateClasses={
Object { {
"animating": "rah-animating", "animating": "rah-animating",
"animatingDown": "rah-animating--down", "animatingDown": "rah-animating--down",
"animatingToHeightAuto": "rah-animating--to-height-auto", "animatingToHeightAuto": "rah-animating--to-height-auto",
@ -467,7 +467,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
duration={200} duration={200}
easing="ease" easing="ease"
height="auto" height="auto"
style={Object {}} style={{}}
> >
<div <div
className="nodeChildren" className="nodeChildren"
@ -478,12 +478,12 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
generation={13} generation={13}
key="bchild-13-undefined" key="bchild-13-undefined"
node={ node={
Object { {
"children": Array [ "children": [
Object { {
"label": "ZgrandChild11", "label": "ZgrandChild11",
}, },
Object { {
"label": "AgrandChild12", "label": "AgrandChild12",
}, },
], ],
@ -496,12 +496,12 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
generation={13} generation={13}
key="dchild-13-undefined" key="dchild-13-undefined"
node={ node={
Object { {
"children": Array [ "children": [
Object { {
"label": "ZgrandChild11", "label": "ZgrandChild11",
}, },
Object { {
"label": "AgrandChild12", "label": "AgrandChild12",
}, },
], ],
@ -514,7 +514,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
generation={13} generation={13}
key="aChild-13-undefined" key="aChild-13-undefined"
node={ node={
Object { {
"label": "aChild", "label": "aChild",
} }
} }
@ -524,7 +524,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
generation={13} generation={13}
key="cchild-13-undefined" key="cchild-13-undefined"
node={ node={
Object { {
"label": "cchild", "label": "cchild",
} }
} }
@ -547,7 +547,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
className="treeNodeHeader " className="treeNodeHeader "
data-test="Tree/TreeNode/Header:label" data-test="Tree/TreeNode/Header:label"
style={ style={
Object { {
"paddingLeft": 9, "paddingLeft": 9,
} }
} }
@ -558,7 +558,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
className="expandCollapseIcon" className="expandCollapseIcon"
onKeyPress={[Function]} onKeyPress={[Function]}
role="button" role="button"
src={Object {}} src={{}}
tabIndex={0} tabIndex={0}
/> />
<span <span
@ -580,7 +580,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
<AnimateHeight <AnimateHeight
animateOpacity={false} animateOpacity={false}
animationStateClasses={ animationStateClasses={
Object { {
"animating": "rah-animating", "animating": "rah-animating",
"animatingDown": "rah-animating--down", "animatingDown": "rah-animating--down",
"animatingToHeightAuto": "rah-animating--to-height-auto", "animatingToHeightAuto": "rah-animating--to-height-auto",
@ -598,7 +598,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
duration={200} duration={200}
easing="ease" easing="ease"
height="auto" height="auto"
style={Object {}} style={{}}
> >
<div <div
className="nodeChildren" className="nodeChildren"
@ -609,12 +609,12 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
generation={3} generation={3}
key="Bchild1-3-undefined" key="Bchild1-3-undefined"
node={ node={
Object { {
"children": Array [ "children": [
Object { {
"label": "ZgrandChild11", "label": "ZgrandChild11",
}, },
Object { {
"label": "AgrandChild12", "label": "AgrandChild12",
}, },
], ],
@ -627,7 +627,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
generation={3} generation={3}
key="2child2-3-undefined" key="2child2-3-undefined"
node={ node={
Object { {
"label": "2child2", "label": "2child2",
} }
} }

433
src/Explorer/Controls/TreeComponent/__snapshots__/TreeNodeComponent.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

6
src/Explorer/Graph/GraphExplorerComponent/D3ForceGraph.ts
View File

@ -737,17 +737,17 @@ export class D3ForceGraph implements GraphRenderer {
.on("dblclick", function (this: Element, _: MouseEvent, d: D3Node) { .on("dblclick", function (this: Element, _: MouseEvent, d: D3Node) {
// https://stackoverflow.com/a/41945742 ('this' implicitly has type 'any' because it does not have a type annotation) // https://stackoverflow.com/a/41945742 ('this' implicitly has type 'any' because it does not have a type annotation)
// this is the <g> element // this is the <g> element
self.onNodeClicked(this.parentNode, d); self.onNodeClicked(this.parentNode as BaseType, d);
}) })
.on("click", function (this: Element, _: MouseEvent, d: D3Node) { .on("click", function (this: Element, _: MouseEvent, d: D3Node) {
// this is the <g> element // this is the <g> element
self.onNodeClicked(this.parentNode, d); self.onNodeClicked(this.parentNode as BaseType, d);
}) })
.on("keypress", function (this: Element, event: KeyboardEvent, d: D3Node) { .on("keypress", function (this: Element, event: KeyboardEvent, d: D3Node) {
if (event.charCode === Constants.KeyCodes.Space || event.charCode === Constants.KeyCodes.Enter) { if (event.charCode === Constants.KeyCodes.Space || event.charCode === Constants.KeyCodes.Enter) {
event.stopPropagation(); event.stopPropagation();
// this is the <g> element // this is the <g> element
self.onNodeClicked(this.parentNode, d); self.onNodeClicked(this.parentNode as BaseType, d);
} }
}); });
var nodeSize = this.igraphConfig.nodeSize; var nodeSize = this.igraphConfig.nodeSize;

6
src/Explorer/Graph/GraphExplorerComponent/GraphData.test.ts
View File

@ -1,4 +1,4 @@
import { GraphData, GremlinVertex, GremlinEdge } from "./GraphData"; import { GraphData, GremlinEdge, GremlinVertex } from "./GraphData";
describe("Graph Data", () => { describe("Graph Data", () => {
it("should set only one node as root", () => { it("should set only one node as root", () => {
@ -54,12 +54,12 @@ describe("Graph Data", () => {
// in edge // in edge
graphData.removeEdge("e1", false); graphData.removeEdge("e1", false);
expect(graphData.edges.length).toBe(1); expect(graphData.edges.length).toBe(1);
expect(graphData).not.toContain(jasmine.objectContaining({ id: "e1" })); expect(graphData).not.toContainEqual({ id: "e1" });
// out edge // out edge
graphData.removeEdge("e2", false); graphData.removeEdge("e2", false);
expect(graphData.edges.length).toBe(0); expect(graphData.edges.length).toBe(0);
expect(graphData).not.toContain(jasmine.objectContaining({ id: "e2" })); expect(graphData).not.toContainEqual({ id: "e2" });
}); });
it("should get string node property", () => { it("should get string node property", () => {

2
src/Explorer/Graph/GraphExplorerComponent/GraphExplorer.test.tsx
View File

@ -342,7 +342,7 @@ describe("GraphExplorer", () => {
}); });
describe("Load Graph button", () => { describe("Load Graph button", () => {
beforeEach(async (done) => { beforeEach((done) => {
const backendResponses: BackendResponses = {}; const backendResponses: BackendResponses = {};
backendResponses["g.V()"] = backendResponses["g.V('1')"] = { backendResponses["g.V()"] = backendResponses["g.V('1')"] = {
response: [{ id: "1", type: "vertex" }], response: [{ id: "1", type: "vertex" }],

12
src/Explorer/Graph/GraphExplorerComponent/__snapshots__/EditorNodePropertiesComponent.test.tsx.snap
View File

@ -128,7 +128,7 @@ exports[`<EditorNodePropertiesComponent /> renders component 1`] = `
> >
<img <img
alt="Delete" alt="Delete"
src={Object {}} src={{}}
/> />
</AccessibleElement> </AccessibleElement>
</td> </td>
@ -185,7 +185,7 @@ exports[`<EditorNodePropertiesComponent /> renders component 1`] = `
> >
<img <img
alt="Delete" alt="Delete"
src={Object {}} src={{}}
/> />
</AccessibleElement> </AccessibleElement>
</td> </td>
@ -203,7 +203,7 @@ exports[`<EditorNodePropertiesComponent /> renders component 1`] = `
> >
<img <img
alt="Add" alt="Add"
src={Object {}} src={{}}
/> />
Add Property Add Property
</AccessibleElement> </AccessibleElement>
@ -317,7 +317,7 @@ exports[`<EditorNodePropertiesComponent /> renders proper unicode 1`] = `
> >
<img <img
alt="Delete" alt="Delete"
src={Object {}} src={{}}
/> />
</AccessibleElement> </AccessibleElement>
</td> </td>
@ -379,7 +379,7 @@ exports[`<EditorNodePropertiesComponent /> renders proper unicode 1`] = `
> >
<img <img
alt="Delete" alt="Delete"
src={Object {}} src={{}}
/> />
</AccessibleElement> </AccessibleElement>
</td> </td>
@ -397,7 +397,7 @@ exports[`<EditorNodePropertiesComponent /> renders proper unicode 1`] = `
> >
<img <img
alt="Add" alt="Add"
src={Object {}} src={{}}
/> />
Add Property Add Property
</AccessibleElement> </AccessibleElement>

50
src/Explorer/Menus/NotificationConsole/__snapshots__/NotificationConsoleComponent.test.tsx.snap
View File

@ -22,7 +22,7 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
> >
<img <img
alt="in progress items" alt="in progress items"
src={Object {}} src={{}}
/> />
<span <span
className="numInProgress" className="numInProgress"
@ -35,7 +35,7 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
> >
<img <img
alt="error items" alt="error items"
src={Object {}} src={{}}
/> />
<span <span
className="numErroredItems" className="numErroredItems"
@ -48,7 +48,7 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
> >
<img <img
alt="info items" alt="info items"
src={Object {}} src={{}}
/> />
<span <span
className="numInfoItems" className="numInfoItems"
@ -86,7 +86,7 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
<AnimateHeight <AnimateHeight
animateOpacity={false} animateOpacity={false}
animationStateClasses={ animationStateClasses={
Object { {
"animating": "rah-animating", "animating": "rah-animating",
"animatingDown": "rah-animating--down", "animatingDown": "rah-animating--down",
"animatingToHeightAuto": "rah-animating--to-height-auto", "animatingToHeightAuto": "rah-animating--to-height-auto",
@ -105,7 +105,7 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
easing="ease" easing="ease"
height={0} height={0}
onAnimationEnd={[Function]} onAnimationEnd={[Function]}
style={Object {}} style={{}}
> >
<div <div
className="notificationConsoleContents" className="notificationConsoleContents"
@ -117,20 +117,20 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
label="Filter:" label="Filter:"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "All", "key": "All",
"text": "All", "text": "All",
}, },
Object { {
"key": "In Progress", "key": "In Progress",
"text": "In progress", "text": "In progress",
}, },
Object { {
"key": "Info", "key": "Info",
"text": "Info", "text": "Info",
}, },
Object { {
"key": "Error", "key": "Error",
"text": "Error", "text": "Error",
}, },
@ -147,7 +147,7 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
onKeyDown={[Function]} onKeyDown={[Function]}
role="button" role="button"
style={ style={
Object { {
"border": "1px solid black", "border": "1px solid black",
"borderRadius": "2px", "borderRadius": "2px",
} }
@ -156,7 +156,7 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
> >
<img <img
alt="clear notifications image" alt="clear notifications image"
src={Object {}} src={{}}
/> />
Clear Notifications Clear Notifications
</span> </span>
@ -191,7 +191,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
> >
<img <img
alt="in progress items" alt="in progress items"
src={Object {}} src={{}}
/> />
<span <span
className="numInProgress" className="numInProgress"
@ -204,7 +204,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
> >
<img <img
alt="error items" alt="error items"
src={Object {}} src={{}}
/> />
<span <span
className="numErroredItems" className="numErroredItems"
@ -217,7 +217,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
> >
<img <img
alt="info items" alt="info items"
src={Object {}} src={{}}
/> />
<span <span
className="numInfoItems" className="numInfoItems"
@ -257,7 +257,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
<AnimateHeight <AnimateHeight
animateOpacity={false} animateOpacity={false}
animationStateClasses={ animationStateClasses={
Object { {
"animating": "rah-animating", "animating": "rah-animating",
"animatingDown": "rah-animating--down", "animatingDown": "rah-animating--down",
"animatingToHeightAuto": "rah-animating--to-height-auto", "animatingToHeightAuto": "rah-animating--to-height-auto",
@ -276,7 +276,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
easing="ease" easing="ease"
height={0} height={0}
onAnimationEnd={[Function]} onAnimationEnd={[Function]}
style={Object {}} style={{}}
> >
<div <div
className="notificationConsoleContents" className="notificationConsoleContents"
@ -288,20 +288,20 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
label="Filter:" label="Filter:"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "All", "key": "All",
"text": "All", "text": "All",
}, },
Object { {
"key": "In Progress", "key": "In Progress",
"text": "In progress", "text": "In progress",
}, },
Object { {
"key": "Info", "key": "Info",
"text": "Info", "text": "Info",
}, },
Object { {
"key": "Error", "key": "Error",
"text": "Error", "text": "Error",
}, },
@ -318,7 +318,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
onKeyDown={[Function]} onKeyDown={[Function]}
role="button" role="button"
style={ style={
Object { {
"border": "1px solid black", "border": "1px solid black",
"borderRadius": "2px", "borderRadius": "2px",
} }
@ -327,7 +327,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
> >
<img <img
alt="clear notifications image" alt="clear notifications image"
src={Object {}} src={{}}
/> />
Clear Notifications Clear Notifications
</span> </span>
@ -342,7 +342,7 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
<img <img
alt="info" alt="info"
className="infoIcon" className="infoIcon"
src={Object {}} src={{}}
/> />
<span <span
className="date" className="date"

14
src/Explorer/Notebook/NotebookComponent/NotebookComponentBootstrapper.tsx
View File

@ -2,22 +2,13 @@
import { Link } from "@fluentui/react"; import { Link } from "@fluentui/react";
import { CellId, CellType, ImmutableNotebook } from "@nteract/commutable"; import { CellId, CellType, ImmutableNotebook } from "@nteract/commutable";
// Vendor modules // Vendor modules
import { import { actions, AppState, ContentRef, KernelRef, NotebookContentRecord, selectors } from "@nteract/core";
actions,
AppState,
ContentRef,
DocumentRecordProps,
KernelRef,
NotebookContentRecord,
selectors,
} from "@nteract/core";
import "@nteract/styles/editor-overrides.css"; import "@nteract/styles/editor-overrides.css";
import "@nteract/styles/global-variables.css"; import "@nteract/styles/global-variables.css";
import "codemirror/addon/hint/show-hint.css"; import "codemirror/addon/hint/show-hint.css";
import "codemirror/lib/codemirror.css"; import "codemirror/lib/codemirror.css";
import { Notebook } from "Common/Constants"; import { Notebook } from "Common/Constants";
import { useDialog } from "Explorer/Controls/Dialog"; import { useDialog } from "Explorer/Controls/Dialog";
import * as Immutable from "immutable";
import * as React from "react"; import * as React from "react";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import "react-table/react-table.css"; import "react-table/react-table.css";
@ -315,7 +306,8 @@ export class NotebookComponentBootstrapper {
return false; return false;
} }
return selectors.notebook.isDirty(content.model as Immutable.RecordOf<DocumentRecordProps>); // TODO Fix this typing here
return selectors.notebook.isDirty(content.model as never);
} }
public isNotebookUntrusted(): boolean { public isNotebookUntrusted(): boolean {

3
src/Explorer/Notebook/NotebookRenderer/StatusBar.tsx
View File

@ -111,7 +111,8 @@ const makeMapStateToProps = (_initialState: AppState, initialProps: InitialProps
} else if (kernel?.kernelSpecName) { } else if (kernel?.kernelSpecName) {
kernelSpecDisplayName = kernel.kernelSpecName; kernelSpecDisplayName = kernel.kernelSpecName;
} else if (content && content.type === "notebook") { } else if (content && content.type === "notebook") {
kernelSpecDisplayName = selectors.notebook.displayName(content.model) || " "; // TODO Fix typing here
kernelSpecDisplayName = selectors.notebook.displayName(content.model as never) || " ";
} }
return { return {

10
src/Explorer/Notebook/NotebookRenderer/__snapshots__/PromptContent.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`PromptContent renders for busy status 1`] = `
<div <div
className="greyStopButton" className="greyStopButton"
style={ style={
Object { {
"left": 0, "left": 0,
"maxHeight": "100%", "maxHeight": "100%",
"position": "sticky", "position": "sticky",
@ -18,12 +18,12 @@ exports[`PromptContent renders for busy status 1`] = `
ariaLabel="Stop cell execution" ariaLabel="Stop cell execution"
className="runCellButton" className="runCellButton"
iconProps={ iconProps={
Object { {
"iconName": "CircleStopSolid", "iconName": "CircleStopSolid",
} }
} }
style={ style={
Object { {
"position": "absolute", "position": "absolute",
} }
} }
@ -32,7 +32,7 @@ exports[`PromptContent renders for busy status 1`] = `
<StyledSpinnerBase <StyledSpinnerBase
size={3} size={3}
style={ style={
Object { {
"paddingTop": 5, "paddingTop": 5,
"position": "absolute", "position": "absolute",
"width": "100%", "width": "100%",
@ -50,7 +50,7 @@ exports[`PromptContent renders when hovered 1`] = `
ariaLabel="Run cell" ariaLabel="Run cell"
className="runCellButton" className="runCellButton"
iconProps={ iconProps={
Object { {
"iconName": "MSNVideosSolid", "iconName": "MSNVideosSolid",
} }
} }

22
src/Explorer/Panes/AddDatabasePanel/__snapshots__/AddDatabasePanel.test.tsx.snap
View File

@ -37,25 +37,25 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
autoFocus={true} autoFocus={true}
id="database-id" id="database-id"
onChange={[Function]} onChange={[Function]}
pattern="[^/?#\\\\\\\\]*[^/?# \\\\\\\\]" pattern="[^/?#\\\\]*[^/?# \\\\]"
placeholder="Type a new database id" placeholder="Type a new database id"
size={40} size={40}
styles={ styles={
Object { {
"field": Object { "field": {
"fontSize": 12, "fontSize": 12,
"selectors": Object { "selectors": {
"::placeholder": Object { "::placeholder": {
"fontSize": 12, "fontSize": 12,
}, },
}, },
}, },
"root": Object { "root": {
"width": 300, "width": 300,
}, },
} }
} }
title="May not end with space nor contain characters '\\\\' '/' '#' '?'" title="May not end with space nor contain characters '\\' '/' '#' '?'"
type="text" type="text"
value="" value=""
/> />
@ -67,16 +67,16 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
label="Provision throughput" label="Provision throughput"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"checkbox": Object { "checkbox": {
"height": 12, "height": 12,
"width": 12, "width": 12,
}, },
"label": Object { "label": {
"alignItems": "center", "alignItems": "center",
"padding": 0, "padding": 0,
}, },
"text": Object { "text": {
"fontSize": 12, "fontSize": 12,
}, },
} }

8
src/Explorer/Panes/BrowseQueriesPane/__snapshots__/BrowseQueriesPane.test.tsx.snap
View File

@ -4,8 +4,8 @@ exports[`Browse queries panel Should render Default properly 1`] = `
<BrowseQueriesPane <BrowseQueriesPane
closePanel={[Function]} closePanel={[Function]}
explorer={ explorer={
Object { {
"queriesClient": Object { "queriesClient": {
"getQueries": [Function], "getQueries": [Function],
}, },
} }
@ -21,7 +21,7 @@ exports[`Browse queries panel Should render Default properly 1`] = `
containerVisible={true} containerVisible={true}
onQuerySelect={[Function]} onQuerySelect={[Function]}
queriesClient={ queriesClient={
Object { {
"getQueries": [Function], "getQueries": [Function],
} }
} }
@ -41,7 +41,7 @@ exports[`Browse queries panel Should render Default properly 1`] = `
alt="Save query helper banner" alt="Save query helper banner"
src="" src=""
style={ style={
Object { {
"border": "1px solid undefined", "border": "1px solid undefined",
"height": "150px", "height": "150px",
"marginTop": "20px", "marginTop": "20px",

2419
src/Explorer/Panes/DeleteCollectionConfirmationPane/__snapshots__/DeleteCollectionConfirmationPane.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

3101
src/Explorer/Panes/ExecuteSprocParamsPane/__snapshots__/ExecuteSprocParamsPane.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

20
src/Explorer/Panes/GitHubReposPanel/__snapshots__/GitHubReposPanel.test.tsx.snap
View File

@ -7,7 +7,7 @@ exports[`GitHub Repos Panel should render Default properly 1`] = `
<div <div
className="panelMainContent" className="panelMainContent"
style={ style={
Object { {
"display": "flex", "display": "flex",
"flexDirection": "column", "flexDirection": "column",
} }
@ -15,7 +15,7 @@ exports[`GitHub Repos Panel should render Default properly 1`] = `
> >
<GitHubReposComponent <GitHubReposComponent
addRepoProps={ addRepoProps={
Object { {
"container": Explorer { "container": Explorer {
"_isInitializingNotebooks": false, "_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function], "isFixedCollectionWithSharedThroughputSupported": [Function],
@ -24,7 +24,7 @@ exports[`GitHub Repos Panel should render Default properly 1`] = `
"onRefreshResourcesClick": [Function], "onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient { "phoenixClient": PhoenixClient {
"armResourceId": undefined, "armResourceId": undefined,
"retryOptions": Object { "retryOptions": {
"maxTimeout": 5000, "maxTimeout": 5000,
"minTimeout": 5000, "minTimeout": 5000,
"retries": 3, "retries": 3,
@ -46,7 +46,7 @@ exports[`GitHub Repos Panel should render Default properly 1`] = `
} }
} }
authorizeAccessProps={ authorizeAccessProps={
Object { {
"authorizeAccess": [Function], "authorizeAccess": [Function],
"scope": "public_repo", "scope": "public_repo",
} }
@ -54,18 +54,18 @@ exports[`GitHub Repos Panel should render Default properly 1`] = `
onCancelClick={[Function]} onCancelClick={[Function]}
onOkClick={[Function]} onOkClick={[Function]}
reposListProps={ reposListProps={
Object { {
"branchesProps": Object {}, "branchesProps": {},
"pinRepo": [Function], "pinRepo": [Function],
"pinnedReposProps": Object { "pinnedReposProps": {
"repos": Array [], "repos": [],
}, },
"unpinRepo": [Function], "unpinRepo": [Function],
"unpinnedReposProps": Object { "unpinnedReposProps": {
"hasMore": true, "hasMore": true,
"isLoading": true, "isLoading": true,
"loadMore": [Function], "loadMore": [Function],
"repos": Array [], "repos": [],
}, },
} }
} }

6
src/Explorer/Panes/LoadQueryPane/__snapshots__/LoadQueryPane.test.tsx.snap
View File

@ -22,8 +22,8 @@ exports[`Load Query Pane should render Default properly 1`] = `
label="Select a query document" label="Select a query document"
readOnly={true} readOnly={true}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"width": 300, "width": 300,
}, },
} }
@ -39,7 +39,7 @@ exports[`Load Query Pane should render Default properly 1`] = `
className="fileIcon" className="fileIcon"
height={20} height={20}
imageFit={4} imageFit={4}
src={Object {}} src={{}}
width={20} width={20}
/> />
<input <input

12
src/Explorer/Panes/PublishNotebookPane/__snapshots__/PublishNotebookPane.test.tsx.snap
View File

@ -7,7 +7,7 @@ exports[`PublishNotebookPaneComponent renders 1`] = `
<Stack <Stack
className="panelMainContent" className="panelMainContent"
tokens={ tokens={
Object { {
"childrenGap": 20, "childrenGap": 20,
} }
} }
@ -55,12 +55,12 @@ exports[`PublishNotebookPaneComponent renders 1`] = `
label="Cover image" label="Cover image"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "Custom Image", "key": "Custom Image",
"text": "Custom Image", "text": "Custom Image",
}, },
Object { {
"key": "URL", "key": "URL",
"text": "URL", "text": "URL",
}, },
@ -85,7 +85,7 @@ exports[`PublishNotebookPaneComponent renders 1`] = `
<StackItem> <StackItem>
<GalleryCardComponent <GalleryCardComponent
data={ data={
Object { {
"author": "CosmosDB", "author": "CosmosDB",
"created": "2020-07-17T00:00:00Z", "created": "2020-07-17T00:00:00Z",
"description": "sample description", "description": "sample description",
@ -98,7 +98,7 @@ exports[`PublishNotebookPaneComponent renders 1`] = `
"newCellId": undefined, "newCellId": undefined,
"pendingScanJobIds": undefined, "pendingScanJobIds": undefined,
"policyViolations": undefined, "policyViolations": undefined,
"tags": Array [ "tags": [
"tag1", "tag1",
" tag2", " tag2",
], ],

2377
src/Explorer/Panes/RightPaneForm/__snapshots__/RightPaneForm.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

4
src/Explorer/Panes/SaveQueryPane/__snapshots__/SaveQueryPane.test.tsx.snap
View File

@ -2,7 +2,7 @@
exports[`Save Query Pane should render Default properly 1`] = ` exports[`Save Query Pane should render Default properly 1`] = `
<RightPaneForm <RightPaneForm
footerStyle={Object {}} footerStyle={{}}
formError="" formError=""
isExecuting={false} isExecuting={false}
onSubmit={[Function]} onSubmit={[Function]}
@ -11,7 +11,7 @@ exports[`Save Query Pane should render Default properly 1`] = `
<div <div
className="panelFormWrapper" className="panelFormWrapper"
style={ style={
Object { {
"flexGrow": 1, "flexGrow": 1,
} }
} }

202
src/Explorer/Panes/SettingsPane/__snapshots__/SettingsPane.test.tsx.snap
View File

@ -30,12 +30,12 @@ exports[`Settings Pane should render Default properly 1`] = `
ariaLabelledBy="pageOptions" ariaLabelledBy="pageOptions"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "custom", "key": "custom",
"text": "Custom", "text": "Custom",
}, },
Object { {
"key": "unlimited", "key": "unlimited",
"text": "Unlimited", "text": "Unlimited",
}, },
@ -43,24 +43,24 @@ exports[`Settings Pane should render Default properly 1`] = `
} }
selectedKey="custom" selectedKey="custom"
styles={ styles={
Object { {
"flexContainer": Array [ "flexContainer": [
Object { {
"selectors": Object { "selectors": {
".ms-ChoiceField": Object { ".ms-ChoiceField": {
"marginTop": 0, "marginTop": 0,
}, },
".ms-ChoiceField-wrapper label": Object { ".ms-ChoiceField-wrapper label": {
"fontSize": 12, "fontSize": 12,
"paddingTop": 0, "paddingTop": 0,
}, },
".ms-ChoiceFieldGroup root-133": Object { ".ms-ChoiceFieldGroup root-133": {
"clear": "both", "clear": "both",
}, },
}, },
}, },
], ],
"root": Object { "root": {
"clear": "both", "clear": "both",
}, },
} }
@ -120,17 +120,17 @@ exports[`Settings Pane should render Default properly 1`] = `
label="Enable RU threshold" label="Enable RU threshold"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"container": Object {}, "container": {},
"label": Object { "label": {
"display": "block", "display": "block",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"pill": Object {}, "pill": {},
"root": Object {}, "root": {},
"text": Object {}, "text": {},
"thumb": Object {}, "thumb": {},
} }
} }
/> />
@ -146,19 +146,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onChange={[Function]} onChange={[Function]}
step={1000} step={1000}
styles={ styles={
Object { {
"arrowButtonsContainer": Object {}, "arrowButtonsContainer": {},
"icon": Object {}, "icon": {},
"input": Object {}, "input": {},
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": Object {}, "labelWrapper": {},
"root": Object { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
"spinButtonWrapper": Object {}, "spinButtonWrapper": {},
} }
} }
/> />
@ -188,17 +188,17 @@ exports[`Settings Pane should render Default properly 1`] = `
label="Enable query timeout" label="Enable query timeout"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"container": Object {}, "container": {},
"label": Object { "label": {
"display": "block", "display": "block",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"pill": Object {}, "pill": {},
"root": Object {}, "root": {},
"text": Object {}, "text": {},
"thumb": Object {}, "thumb": {},
} }
} }
/> />
@ -227,12 +227,12 @@ exports[`Settings Pane should render Default properly 1`] = `
ariaLabelledBy="defaultQueryResultsView" ariaLabelledBy="defaultQueryResultsView"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "vertical", "key": "vertical",
"text": "Vertical", "text": "Vertical",
}, },
Object { {
"key": "horizontal", "key": "horizontal",
"text": "Horizontal", "text": "Horizontal",
}, },
@ -240,24 +240,24 @@ exports[`Settings Pane should render Default properly 1`] = `
} }
selectedKey="vertical" selectedKey="vertical"
styles={ styles={
Object { {
"flexContainer": Array [ "flexContainer": [
Object { {
"selectors": Object { "selectors": {
".ms-ChoiceField": Object { ".ms-ChoiceField": {
"marginTop": 0, "marginTop": 0,
}, },
".ms-ChoiceField-wrapper label": Object { ".ms-ChoiceField-wrapper label": {
"fontSize": 12, "fontSize": 12,
"paddingTop": 0, "paddingTop": 0,
}, },
".ms-ChoiceFieldGroup root-133": Object { ".ms-ChoiceFieldGroup root-133": {
"clear": "both", "clear": "both",
}, },
}, },
}, },
], ],
"root": Object { "root": {
"clear": "both", "clear": "both",
}, },
} }
@ -302,19 +302,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onValidate={[Function]} onValidate={[Function]}
step={1} step={1}
styles={ styles={
Object { {
"arrowButtonsContainer": Object {}, "arrowButtonsContainer": {},
"icon": Object {}, "icon": {},
"input": Object {}, "input": {},
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": Object {}, "labelWrapper": {},
"root": Object { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
"spinButtonWrapper": Object {}, "spinButtonWrapper": {},
} }
} }
value="9" value="9"
@ -341,19 +341,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onValidate={[Function]} onValidate={[Function]}
step={1000} step={1000}
styles={ styles={
Object { {
"arrowButtonsContainer": Object {}, "arrowButtonsContainer": {},
"icon": Object {}, "icon": {},
"input": Object {}, "input": {},
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": Object {}, "labelWrapper": {},
"root": Object { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
"spinButtonWrapper": Object {}, "spinButtonWrapper": {},
} }
} }
value="0" value="0"
@ -380,19 +380,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onValidate={[Function]} onValidate={[Function]}
step={1} step={1}
styles={ styles={
Object { {
"arrowButtonsContainer": Object {}, "arrowButtonsContainer": {},
"icon": Object {}, "icon": {},
"input": Object {}, "input": {},
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": Object {}, "labelWrapper": {},
"root": Object { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
"spinButtonWrapper": Object {}, "spinButtonWrapper": {},
} }
} }
value="30" value="30"
@ -419,8 +419,8 @@ exports[`Settings Pane should render Default properly 1`] = `
className="padding" className="padding"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"label": Object { "label": {
"padding": 0, "padding": 0,
}, },
} }
@ -448,8 +448,8 @@ exports[`Settings Pane should render Default properly 1`] = `
className="padding" className="padding"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"label": Object { "label": {
"padding": 0, "padding": 0,
}, },
} }
@ -549,19 +549,19 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
onValidate={[Function]} onValidate={[Function]}
step={1} step={1}
styles={ styles={
Object { {
"arrowButtonsContainer": Object {}, "arrowButtonsContainer": {},
"icon": Object {}, "icon": {},
"input": Object {}, "input": {},
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": Object {}, "labelWrapper": {},
"root": Object { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
"spinButtonWrapper": Object {}, "spinButtonWrapper": {},
} }
} }
value="9" value="9"
@ -588,19 +588,19 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
onValidate={[Function]} onValidate={[Function]}
step={1000} step={1000}
styles={ styles={
Object { {
"arrowButtonsContainer": Object {}, "arrowButtonsContainer": {},
"icon": Object {}, "icon": {},
"input": Object {}, "input": {},
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": Object {}, "labelWrapper": {},
"root": Object { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
"spinButtonWrapper": Object {}, "spinButtonWrapper": {},
} }
} }
value="0" value="0"
@ -627,19 +627,19 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
onValidate={[Function]} onValidate={[Function]}
step={1} step={1}
styles={ styles={
Object { {
"arrowButtonsContainer": Object {}, "arrowButtonsContainer": {},
"icon": Object {}, "icon": {},
"input": Object {}, "input": {},
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": Object {}, "labelWrapper": {},
"root": Object { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
"spinButtonWrapper": Object {}, "spinButtonWrapper": {},
} }
} }
value="30" value="30"
@ -666,8 +666,8 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
className="padding" className="padding"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"label": Object { "label": {
"padding": 0, "padding": 0,
}, },
} }
@ -693,12 +693,12 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
aria-label="Graph Auto-visualization" aria-label="Graph Auto-visualization"
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "false", "key": "false",
"text": "Graph", "text": "Graph",
}, },
Object { {
"key": "true", "key": "true",
"text": "JSON", "text": "JSON",
}, },

2457
src/Explorer/Panes/StringInputPane/__snapshots__/StringInputPane.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

2533
src/Explorer/Panes/Tables/TableQuerySelectPanel/__snapshots__/TableQuerySelectPanel.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

2431
src/Explorer/Panes/Tables/__snapshots__/AddTableEntityPanel.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

2433
src/Explorer/Panes/Tables/__snapshots__/EditTableEntityPanel.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

2
src/Explorer/Panes/VectorSearchPanel/AddVectorEmbeddingPolicyForm.test.tsx
View File

@ -1,4 +1,4 @@
import "@testing-library/jest-dom/extend-expect"; import "@testing-library/jest-dom";
import { RenderResult, fireEvent, render, screen, waitFor } from "@testing-library/react"; import { RenderResult, fireEvent, render, screen, waitFor } from "@testing-library/react";
import { VectorEmbedding, VectorIndex } from "Contracts/DataModels"; import { VectorEmbedding, VectorIndex } from "Contracts/DataModels";
import React from "react"; import React from "react";

44
src/Explorer/Panes/__snapshots__/AddCollectionPanel.test.tsx.snap
View File

@ -93,12 +93,12 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
id="newDatabaseId" id="newDatabaseId"
name="newDatabaseId" name="newDatabaseId"
onChange={[Function]} onChange={[Function]}
pattern="[^/?#\\\\\\\\]*[^/?# \\\\\\\\]" pattern="[^/?#\\\\]*[^/?# \\\\]"
placeholder="Type a new database id" placeholder="Type a new database id"
required={true} required={true}
size={40} size={40}
tabIndex={0} tabIndex={0}
title="May not end with space nor contain characters '\\\\' '/' '#' '?'" title="May not end with space nor contain characters '\\' '/' '#' '?'"
type="text" type="text"
value="" value=""
/> />
@ -110,16 +110,16 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
label="Share throughput across containers" label="Share throughput across containers"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"checkbox": Object { "checkbox": {
"height": 12, "height": 12,
"width": 12, "width": 12,
}, },
"label": Object { "label": {
"alignItems": "center", "alignItems": "center",
"padding": 0, "padding": 0,
}, },
"text": Object { "text": {
"fontSize": 12, "fontSize": 12,
}, },
} }
@ -186,11 +186,11 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
id="collectionId" id="collectionId"
name="collectionId" name="collectionId"
onChange={[Function]} onChange={[Function]}
pattern="[^/?#\\\\\\\\]*[^/?# \\\\\\\\]" pattern="[^/?#\\\\]*[^/?# \\\\]"
placeholder="e.g., Container1" placeholder="e.g., Container1"
required={true} required={true}
size={40} size={40}
title="May not end with space nor contain characters '\\\\' '/' '#' '?'" title="May not end with space nor contain characters '\\' '/' '#' '?'"
type="text" type="text"
value="" value=""
/> />
@ -247,11 +247,11 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
hidden={false} hidden={false}
onClick={[Function]} onClick={[Function]}
styles={ styles={
Object { {
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
}, },
"root": Object { "root": {
"height": 30, "height": 30,
"padding": 0, "padding": 0,
"width": 200, "width": 200,
@ -287,17 +287,17 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
</Stack> </Stack>
<CustomizedActionButton <CustomizedActionButton
iconProps={ iconProps={
Object { {
"iconName": "Add", "iconName": "Add",
} }
} }
onClick={[Function]} onClick={[Function]}
styles={ styles={
Object { {
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
}, },
"root": Object { "root": {
"padding": 0, "padding": 0,
}, },
} }
@ -410,14 +410,14 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"height": 27, "height": 27,
"width": 80, "width": 80,
} }
} }
styles={ styles={
Object { {
"label": Object { "label": {
"fontSize": 12, "fontSize": 12,
}, },
} }
@ -443,18 +443,18 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
label="My application uses an older Cosmos .NET or Java SDK version (.NET V1 or Java V2)" label="My application uses an older Cosmos .NET or Java SDK version (.NET V1 or Java V2)"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"checkbox": Object { "checkbox": {
"height": 12, "height": 12,
"width": 12, "width": 12,
}, },
"label": Object { "label": {
"alignItems": "center", "alignItems": "center",
"padding": 0, "padding": 0,
"whiteSpace": "break-spaces", "whiteSpace": "break-spaces",
"wordWrap": "break-word", "wordWrap": "break-word",
}, },
"text": Object { "text": {
"fontSize": 12, "fontSize": 12,
}, },
} }

2499
src/Explorer/Panes/__snapshots__/DeleteDatabaseConfirmationPanel.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

24
src/Explorer/Panes/__snapshots__/PanelContainerComponent.test.tsx.snap
View File

@ -12,23 +12,23 @@ exports[`PaneContainerComponent test should be resize if notification console is
isOpen={true} isOpen={true}
onDismiss={[Function]} onDismiss={[Function]}
style={ style={
Object { {
"height": "516px", "height": "516px",
} }
} }
styles={ styles={
Object { {
"commands": Object { "commands": {
"marginTop": 8, "marginTop": 8,
"paddingTop": 0, "paddingTop": 0,
}, },
"content": Object { "content": {
"padding": 0, "padding": 0,
}, },
"header": Object { "header": {
"padding": "0 0 8px 34px", "padding": "0 0 8px 34px",
}, },
"navigation": Object { "navigation": {
"borderBottom": "1px solid #cccccc", "borderBottom": "1px solid #cccccc",
}, },
} }
@ -53,23 +53,23 @@ exports[`PaneContainerComponent test should render with panel content and header
isOpen={true} isOpen={true}
onDismiss={[Function]} onDismiss={[Function]}
style={ style={
Object { {
"height": "736px", "height": "736px",
} }
} }
styles={ styles={
Object { {
"commands": Object { "commands": {
"marginTop": 8, "marginTop": 8,
"paddingTop": 0, "paddingTop": 0,
}, },
"content": Object { "content": {
"padding": 0, "padding": 0,
}, },
"header": Object { "header": {
"padding": "0 0 8px 34px", "padding": "0 0 8px 34px",
}, },
"navigation": Object { "navigation": {
"borderBottom": "1px solid #cccccc", "borderBottom": "1px solid #cccccc",
}, },
} }

202
src/Explorer/QueryCopilot/Modal/__snapshots__/QueryCopilotFeedbackModal.test.tsx.snap
View File

@ -4,8 +4,8 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
<Modal <Modal
isOpen={true} isOpen={true}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 8, "borderRadius": 8,
"maxWidth": 600, "maxWidth": 600,
}, },
@ -17,7 +17,7 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
> >
<Stack <Stack
style={ style={
Object { {
"padding": 24, "padding": 24,
} }
} }
@ -28,7 +28,7 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
> >
<Text <Text
style={ style={
Object { {
"fontSize": 20, "fontSize": 20,
"fontWeight": 600, "fontWeight": 600,
"marginBottom": 20, "marginBottom": 20,
@ -39,7 +39,7 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -48,7 +48,7 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"marginBottom": 14, "marginBottom": 14,
} }
@ -64,8 +64,8 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
required={true} required={true}
rows={3} rows={3}
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -79,13 +79,13 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
readOnly={true} readOnly={true}
rows={3} rows={3}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"backgroundColor": "#F3F2F1", "backgroundColor": "#F3F2F1",
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": 4, "borderRadius": 4,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -93,7 +93,7 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 12, "fontSize": 12,
"marginBottom": 14, "marginBottom": 14,
} }
@ -116,8 +116,8 @@ exports[`Query Copilot Feedback Modal snapshot test shoud render and match snaps
> >
<CustomizedPrimaryButton <CustomizedPrimaryButton
styles={ styles={
Object { {
"root": Object { "root": {
"marginRight": 8, "marginRight": 8,
}, },
} }
@ -141,8 +141,8 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
<Modal <Modal
isOpen={false} isOpen={false}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 8, "borderRadius": 8,
"maxWidth": 600, "maxWidth": 600,
}, },
@ -154,7 +154,7 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
> >
<Stack <Stack
style={ style={
Object { {
"padding": 24, "padding": 24,
} }
} }
@ -165,7 +165,7 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
> >
<Text <Text
style={ style={
Object { {
"fontSize": 20, "fontSize": 20,
"fontWeight": 600, "fontWeight": 600,
"marginBottom": 20, "marginBottom": 20,
@ -176,7 +176,7 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -185,7 +185,7 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"marginBottom": 14, "marginBottom": 14,
} }
@ -201,8 +201,8 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
required={true} required={true}
rows={3} rows={3}
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -216,13 +216,13 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
readOnly={true} readOnly={true}
rows={3} rows={3}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"backgroundColor": "#F3F2F1", "backgroundColor": "#F3F2F1",
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": 4, "borderRadius": 4,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -230,7 +230,7 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 12, "fontSize": 12,
"marginBottom": 14, "marginBottom": 14,
} }
@ -253,8 +253,8 @@ exports[`Query Copilot Feedback Modal snapshot test should cancel submission 1`]
> >
<CustomizedPrimaryButton <CustomizedPrimaryButton
styles={ styles={
Object { {
"root": Object { "root": {
"marginRight": 8, "marginRight": 8,
}, },
} }
@ -278,8 +278,8 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
<Modal <Modal
isOpen={false} isOpen={false}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 8, "borderRadius": 8,
"maxWidth": 600, "maxWidth": 600,
}, },
@ -291,7 +291,7 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
> >
<Stack <Stack
style={ style={
Object { {
"padding": 24, "padding": 24,
} }
} }
@ -302,7 +302,7 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
> >
<Text <Text
style={ style={
Object { {
"fontSize": 20, "fontSize": 20,
"fontWeight": 600, "fontWeight": 600,
"marginBottom": 20, "marginBottom": 20,
@ -313,7 +313,7 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -322,7 +322,7 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"marginBottom": 14, "marginBottom": 14,
} }
@ -338,8 +338,8 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
required={true} required={true}
rows={3} rows={3}
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -353,13 +353,13 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
readOnly={true} readOnly={true}
rows={3} rows={3}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"backgroundColor": "#F3F2F1", "backgroundColor": "#F3F2F1",
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": 4, "borderRadius": 4,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -367,7 +367,7 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 12, "fontSize": 12,
"marginBottom": 14, "marginBottom": 14,
} }
@ -390,8 +390,8 @@ exports[`Query Copilot Feedback Modal snapshot test should close on cancel click
> >
<CustomizedPrimaryButton <CustomizedPrimaryButton
styles={ styles={
Object { {
"root": Object { "root": {
"marginRight": 8, "marginRight": 8,
}, },
} }
@ -415,8 +415,8 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
<Modal <Modal
isOpen={false} isOpen={false}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 8, "borderRadius": 8,
"maxWidth": 600, "maxWidth": 600,
}, },
@ -428,7 +428,7 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
> >
<Stack <Stack
style={ style={
Object { {
"padding": 24, "padding": 24,
} }
} }
@ -439,7 +439,7 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
> >
<Text <Text
style={ style={
Object { {
"fontSize": 20, "fontSize": 20,
"fontWeight": 600, "fontWeight": 600,
"marginBottom": 20, "marginBottom": 20,
@ -450,7 +450,7 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -459,7 +459,7 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"marginBottom": 14, "marginBottom": 14,
} }
@ -475,8 +475,8 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
required={true} required={true}
rows={3} rows={3}
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -490,13 +490,13 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
readOnly={true} readOnly={true}
rows={3} rows={3}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"backgroundColor": "#F3F2F1", "backgroundColor": "#F3F2F1",
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": 4, "borderRadius": 4,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -504,7 +504,7 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 12, "fontSize": 12,
"marginBottom": 14, "marginBottom": 14,
} }
@ -527,8 +527,8 @@ exports[`Query Copilot Feedback Modal snapshot test should get user unput 1`] =
> >
<CustomizedPrimaryButton <CustomizedPrimaryButton
styles={ styles={
Object { {
"root": Object { "root": {
"marginRight": 8, "marginRight": 8,
}, },
} }
@ -552,8 +552,8 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
<Modal <Modal
isOpen={false} isOpen={false}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 8, "borderRadius": 8,
"maxWidth": 600, "maxWidth": 600,
}, },
@ -565,7 +565,7 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
> >
<Stack <Stack
style={ style={
Object { {
"padding": 24, "padding": 24,
} }
} }
@ -576,7 +576,7 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
> >
<Text <Text
style={ style={
Object { {
"fontSize": 20, "fontSize": 20,
"fontWeight": 600, "fontWeight": 600,
"marginBottom": 20, "marginBottom": 20,
@ -587,7 +587,7 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -596,7 +596,7 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"marginBottom": 14, "marginBottom": 14,
} }
@ -612,8 +612,8 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
required={true} required={true}
rows={3} rows={3}
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -627,13 +627,13 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
readOnly={true} readOnly={true}
rows={3} rows={3}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"backgroundColor": "#F3F2F1", "backgroundColor": "#F3F2F1",
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": 4, "borderRadius": 4,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -641,7 +641,7 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 12, "fontSize": 12,
"marginBottom": 14, "marginBottom": 14,
} }
@ -664,8 +664,8 @@ exports[`Query Copilot Feedback Modal snapshot test should not render dont show
> >
<CustomizedPrimaryButton <CustomizedPrimaryButton
styles={ styles={
Object { {
"root": Object { "root": {
"marginRight": 8, "marginRight": 8,
}, },
} }
@ -689,8 +689,8 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
<Modal <Modal
isOpen={true} isOpen={true}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 8, "borderRadius": 8,
"maxWidth": 600, "maxWidth": 600,
}, },
@ -702,7 +702,7 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
> >
<Stack <Stack
style={ style={
Object { {
"padding": 24, "padding": 24,
} }
} }
@ -713,7 +713,7 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
> >
<Text <Text
style={ style={
Object { {
"fontSize": 20, "fontSize": 20,
"fontWeight": 600, "fontWeight": 600,
"marginBottom": 20, "marginBottom": 20,
@ -724,7 +724,7 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -733,7 +733,7 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"marginBottom": 14, "marginBottom": 14,
} }
@ -749,8 +749,8 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
required={true} required={true}
rows={3} rows={3}
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -764,13 +764,13 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
readOnly={true} readOnly={true}
rows={3} rows={3}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"backgroundColor": "#F3F2F1", "backgroundColor": "#F3F2F1",
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": 4, "borderRadius": 4,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -778,7 +778,7 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 12, "fontSize": 12,
"marginBottom": 14, "marginBottom": 14,
} }
@ -800,11 +800,11 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
label="Don't show me this next time" label="Don't show me this next time"
onChange={[Function]} onChange={[Function]}
styles={ styles={
Object { {
"label": Object { "label": {
"paddingLeft": 0, "paddingLeft": 0,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -816,8 +816,8 @@ exports[`Query Copilot Feedback Modal snapshot test should render dont show agai
> >
<CustomizedPrimaryButton <CustomizedPrimaryButton
styles={ styles={
Object { {
"root": Object { "root": {
"marginRight": 8, "marginRight": 8,
}, },
} }
@ -841,8 +841,8 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
<Modal <Modal
isOpen={false} isOpen={false}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 8, "borderRadius": 8,
"maxWidth": 600, "maxWidth": 600,
}, },
@ -854,7 +854,7 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
> >
<Stack <Stack
style={ style={
Object { {
"padding": 24, "padding": 24,
} }
} }
@ -865,7 +865,7 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
> >
<Text <Text
style={ style={
Object { {
"fontSize": 20, "fontSize": 20,
"fontWeight": 600, "fontWeight": 600,
"marginBottom": 20, "marginBottom": 20,
@ -876,7 +876,7 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -885,7 +885,7 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"marginBottom": 14, "marginBottom": 14,
} }
@ -901,8 +901,8 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
required={true} required={true}
rows={3} rows={3}
styles={ styles={
Object { {
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -916,13 +916,13 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
readOnly={true} readOnly={true}
rows={3} rows={3}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"backgroundColor": "#F3F2F1", "backgroundColor": "#F3F2F1",
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": 4, "borderRadius": 4,
}, },
"root": Object { "root": {
"marginBottom": 14, "marginBottom": 14,
}, },
} }
@ -930,7 +930,7 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 12, "fontSize": 12,
"marginBottom": 14, "marginBottom": 14,
} }
@ -953,8 +953,8 @@ exports[`Query Copilot Feedback Modal snapshot test should submit submission 1`]
> >
<CustomizedPrimaryButton <CustomizedPrimaryButton
styles={ styles={
Object { {
"root": Object { "root": {
"marginRight": 8, "marginRight": 8,
}, },
} }

14
src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap
View File

@ -7,8 +7,8 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
isOpen={true} isOpen={true}
onDismiss={[Function]} onDismiss={[Function]}
styles={ styles={
Object { {
"main": Object { "main": {
"borderRadius": 10, "borderRadius": 10,
"maxHeight": 600, "maxHeight": 600,
"overflow": "hidden", "overflow": "hidden",
@ -29,7 +29,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
> >
<StackItem> <StackItem>
<Image <Image
src={Object {}} src={{}}
/> />
</StackItem> </StackItem>
</Stack> </Stack>
@ -45,7 +45,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
ariaLabel="Exit" ariaLabel="Exit"
className="exitIcon" className="exitIcon"
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -61,7 +61,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
<StackItem <StackItem
align="center" align="center"
style={ style={
Object { {
"textAlign": "center", "textAlign": "center",
} }
} }
@ -85,7 +85,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
className="imageTextPadding" className="imageTextPadding"
> >
<Image <Image
src={Object {}} src={{}}
/> />
</StackItem> </StackItem>
<StackItem <StackItem
@ -122,7 +122,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
className="imageTextPadding" className="imageTextPadding"
> >
<Image <Image
src={Object {}} src={{}}
/> />
</StackItem> </StackItem>
<StackItem <StackItem

22
src/Explorer/QueryCopilot/Popup/__snapshots__/CopyPopup.test.tsx.snap
View File

@ -6,7 +6,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
<Stack <Stack
role="status" role="status"
style={ style={
Object { {
"background": "#FFFFFF", "background": "#FFFFFF",
"boxShadow": "0 2px 6px rgba(0, 0, 0, 0.16)", "boxShadow": "0 2px 6px rgba(0, 0, 0, 0.16)",
"gap": 5, "gap": 5,
@ -22,7 +22,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"display": "flex", "display": "flex",
"justifyContent": "space-between", "justifyContent": "space-between",
"padding": "5px, 2px, 0px, 0px", "padding": "5px, 2px, 0px, 0px",
@ -33,7 +33,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"display": "flex", "display": "flex",
"gap": 10, "gap": 10,
} }
@ -41,9 +41,9 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"height": 15, "height": 15,
"width": 15, "width": 15,
} }
@ -57,19 +57,19 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
</Stack> </Stack>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
onClick={[Function]} onClick={[Function]}
styles={ styles={
Object { {
"root": Object { "root": {
"backgroundColor": "transparent", "backgroundColor": "transparent",
"border": "none", "border": "none",
"padding": 0, "padding": 0,
"selectors": Object { "selectors": {
"&:focus": Object { "&:focus": {
"outline": "none", "outline": "none",
}, },
}, },
@ -80,7 +80,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"marginTop": -10, "marginTop": -10,
} }
} }

32
src/Explorer/QueryCopilot/Popup/__snapshots__/DeletePopup.test.tsx.snap
View File

@ -4,8 +4,8 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
<Modal <Modal
isOpen={false} isOpen={false}
styles={ styles={
Object { {
"main": Object { "main": {
"minHeight": "122px", "minHeight": "122px",
"minWidth": "880px", "minWidth": "880px",
}, },
@ -14,7 +14,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
> >
<Stack <Stack
style={ style={
Object { {
"height": "auto", "height": "auto",
"padding": "16px 24px", "padding": "16px 24px",
} }
@ -22,7 +22,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
> >
<Text <Text
style={ style={
Object { {
"fontSize": "18px", "fontSize": "18px",
"height": 24, "height": 24,
} }
@ -34,7 +34,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
</Text> </Text>
<Text <Text
style={ style={
Object { {
"marginBottom": 20, "marginBottom": 20,
"marginTop": 10, "marginTop": 10,
} }
@ -46,7 +46,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
horizontal={true} horizontal={true}
horizontalAlign="start" horizontalAlign="start"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -54,7 +54,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
<CustomizedPrimaryButton <CustomizedPrimaryButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"height": 24, "height": 24,
"padding": "0px 20px", "padding": "0px 20px",
} }
@ -65,7 +65,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"height": 24, "height": 24,
"padding": "0px 20px", "padding": "0px 20px",
} }
@ -82,8 +82,8 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
<Modal <Modal
isOpen={true} isOpen={true}
styles={ styles={
Object { {
"main": Object { "main": {
"minHeight": "122px", "minHeight": "122px",
"minWidth": "880px", "minWidth": "880px",
}, },
@ -92,7 +92,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
> >
<Stack <Stack
style={ style={
Object { {
"height": "auto", "height": "auto",
"padding": "16px 24px", "padding": "16px 24px",
} }
@ -100,7 +100,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
> >
<Text <Text
style={ style={
Object { {
"fontSize": "18px", "fontSize": "18px",
"height": 24, "height": 24,
} }
@ -112,7 +112,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
</Text> </Text>
<Text <Text
style={ style={
Object { {
"marginBottom": 20, "marginBottom": 20,
"marginTop": 10, "marginTop": 10,
} }
@ -124,7 +124,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
horizontal={true} horizontal={true}
horizontalAlign="start" horizontalAlign="start"
tokens={ tokens={
Object { {
"childrenGap": 10, "childrenGap": 10,
} }
} }
@ -132,7 +132,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
<CustomizedPrimaryButton <CustomizedPrimaryButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"height": 24, "height": 24,
"padding": "0px 20px", "padding": "0px 20px",
} }
@ -143,7 +143,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"height": 24, "height": 24,
"padding": "0px 20px", "padding": "0px 20px",
} }

172
src/Explorer/QueryCopilot/Shared/SamplePrompts/__snapshots__/SamplePrompts.test.tsx.snap
View File

@ -8,7 +8,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-modal="true" aria-modal="true"
role="dialog" role="dialog"
style={ style={
Object { {
"maxHeight": "calc(100vh - 120px)", "maxHeight": "calc(100vh - 120px)",
"overflowY": "auto", "overflowY": "auto",
"padding": "16px 24px", "padding": "16px 24px",
@ -19,7 +19,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"display": "flex", "display": "flex",
"justifyContent": "space-between", "justifyContent": "space-between",
} }
@ -27,7 +27,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 24, "fontSize": 24,
"fontWeight": 600, "fontWeight": 600,
} }
@ -37,22 +37,22 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
onClick={[Function]} onClick={[Function]}
styles={ styles={
Object { {
"root": Object { "root": {
"backgroundColor": "transparent", "backgroundColor": "transparent",
"border": "none", "border": "none",
"padding": 0, "padding": 0,
"selectors": Object { "selectors": {
"&:focus": Object { "&:focus": {
"outline": "none", "outline": "none",
}, },
"&:hover": Object { "&:hover": {
"backgroundColor": "transparent", "backgroundColor": "transparent",
"color": "#000", "color": "#000",
}, },
@ -64,7 +64,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"fontWeight": 400, "fontWeight": 400,
"marginTop": 10, "marginTop": 10,
@ -76,7 +76,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"display": "flex", "display": "flex",
"marginTop": 30, "marginTop": 30,
} }
@ -87,9 +87,9 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"height": 25, "height": 25,
"width": 25, "width": 25,
} }
@ -97,7 +97,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
} }
@ -110,7 +110,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"gap": 35, "gap": 35,
} }
} }
@ -118,7 +118,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -127,7 +127,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -139,7 +139,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -149,7 +149,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -158,7 +158,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -170,7 +170,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -180,7 +180,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"display": "flex", "display": "flex",
"marginTop": 30, "marginTop": 30,
} }
@ -191,9 +191,9 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"height": 25, "height": 25,
"width": 25, "width": 25,
} }
@ -201,7 +201,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
} }
@ -214,7 +214,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"gap": 35, "gap": 35,
} }
} }
@ -222,7 +222,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -231,7 +231,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -243,7 +243,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -253,7 +253,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -262,7 +262,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -274,7 +274,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -284,7 +284,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"display": "flex", "display": "flex",
"marginTop": 30, "marginTop": 30,
} }
@ -295,9 +295,9 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"height": 25, "height": 25,
"width": 25, "width": 25,
} }
@ -305,7 +305,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
} }
@ -318,7 +318,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"gap": 35, "gap": 35,
} }
} }
@ -326,7 +326,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -335,7 +335,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -347,7 +347,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -357,7 +357,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -366,7 +366,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -378,7 +378,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -398,7 +398,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-modal="true" aria-modal="true"
role="dialog" role="dialog"
style={ style={
Object { {
"maxHeight": "calc(100vh - 120px)", "maxHeight": "calc(100vh - 120px)",
"overflowY": "auto", "overflowY": "auto",
"padding": "16px 24px", "padding": "16px 24px",
@ -409,7 +409,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"display": "flex", "display": "flex",
"justifyContent": "space-between", "justifyContent": "space-between",
} }
@ -417,7 +417,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 24, "fontSize": 24,
"fontWeight": 600, "fontWeight": 600,
} }
@ -427,22 +427,22 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
onClick={[Function]} onClick={[Function]}
styles={ styles={
Object { {
"root": Object { "root": {
"backgroundColor": "transparent", "backgroundColor": "transparent",
"border": "none", "border": "none",
"padding": 0, "padding": 0,
"selectors": Object { "selectors": {
"&:focus": Object { "&:focus": {
"outline": "none", "outline": "none",
}, },
"&:hover": Object { "&:hover": {
"backgroundColor": "transparent", "backgroundColor": "transparent",
"color": "#000", "color": "#000",
}, },
@ -454,7 +454,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"fontWeight": 400, "fontWeight": 400,
"marginTop": 10, "marginTop": 10,
@ -466,7 +466,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"display": "flex", "display": "flex",
"marginTop": 30, "marginTop": 30,
} }
@ -477,9 +477,9 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"height": 25, "height": 25,
"width": 25, "width": 25,
} }
@ -487,7 +487,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
} }
@ -500,7 +500,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"gap": 35, "gap": 35,
} }
} }
@ -508,7 +508,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -517,7 +517,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -529,7 +529,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -539,7 +539,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -548,7 +548,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -560,7 +560,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -570,7 +570,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"display": "flex", "display": "flex",
"marginTop": 30, "marginTop": 30,
} }
@ -581,9 +581,9 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"height": 25, "height": 25,
"width": 25, "width": 25,
} }
@ -591,7 +591,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
} }
@ -604,7 +604,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"gap": 35, "gap": 35,
} }
} }
@ -612,7 +612,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -621,7 +621,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -633,7 +633,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -643,7 +643,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -652,7 +652,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -664,7 +664,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -674,7 +674,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"display": "flex", "display": "flex",
"marginTop": 30, "marginTop": 30,
} }
@ -685,9 +685,9 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"height": 25, "height": 25,
"width": 25, "width": 25,
} }
@ -695,7 +695,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
} }
@ -708,7 +708,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"gap": 35, "gap": 35,
} }
} }
@ -716,7 +716,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -725,7 +725,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -737,7 +737,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }
@ -747,7 +747,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"background": "#F6F6F7", "background": "#F6F6F7",
"height": 135, "height": 135,
"width": 352, "width": 352,
@ -756,7 +756,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"height": 80, "height": 80,
} }
@ -768,7 +768,7 @@ exports[`Sample Prompts snapshot test should render properly if isSamplePromptsO
aria-label="Forward" aria-label="Forward"
iconName="Forward" iconName="Forward"
style={ style={
Object { {
"left": "92.61%", "left": "92.61%",
"position": "absolute", "position": "absolute",
} }

4
src/Explorer/QueryCopilot/V2/Bubbles/Explanation/Button/__snapshots__/ExplanationButton.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`Explanation Button should render explanation bubble with generated comments 1`] = ` exports[`Explanation Button should render explanation bubble with generated comments 1`] = `
<Stack <Stack
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"display": "flex", "display": "flex",
"margin": "5px", "margin": "5px",
@ -14,7 +14,7 @@ exports[`Explanation Button should render explanation bubble with generated comm
<Text <Text
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"border": "1.5px solid #B0BEFF", "border": "1.5px solid #B0BEFF",
"borderRadius": "4px", "borderRadius": "4px",
"cursor": "pointer", "cursor": "pointer",

6
src/Explorer/QueryCopilot/V2/Bubbles/Explanation/__snapshots__/ExplanationBubble.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`Explanation Bubble snapshot tests should render 1`] = `
<Stack <Stack
horizontalAlign="start" horizontalAlign="start"
style={ style={
Object { {
"backgroundColor": "white", "backgroundColor": "white",
"borderRadius": "8px", "borderRadius": "8px",
"margin": "5px 10px", "margin": "5px 10px",
@ -12,7 +12,7 @@ exports[`Explanation Bubble snapshot tests should render 1`] = `
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 8, "childrenGap": 8,
"padding": 8, "padding": 8,
} }
@ -25,7 +25,7 @@ exports[`Explanation Bubble snapshot tests should render 1`] = `
<FeedbackButtons /> <FeedbackButtons />
<Text <Text
style={ style={
Object { {
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
"lineHeight": "14px", "lineHeight": "14px",

6
src/Explorer/QueryCopilot/V2/Bubbles/Output/Buttons/Copy/__snapshots__/CopyButton.test.tsx.snap
View File

@ -4,9 +4,9 @@ exports[`Copy button snapshot tests should render and click copy 1`] = `
<CustomizedIconButton <CustomizedIconButton
ariaLabel="Copy" ariaLabel="Copy"
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": Object {}, "src": {},
}, },
} }
} }

192
src/Explorer/QueryCopilot/V2/Bubbles/Output/Buttons/Feedback/__snapshots__/FeedbackButtons.test.tsx.snap
View File

@ -6,11 +6,11 @@ exports[`Feedback buttons snapshot tests should click dislike and show popup 1`]
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -22,11 +22,11 @@ exports[`Feedback buttons snapshot tests should click dislike and show popup 1`]
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -46,11 +46,11 @@ exports[`Feedback buttons snapshot tests should click like and dismiss callout 1
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -62,11 +62,11 @@ exports[`Feedback buttons snapshot tests should click like and dismiss callout 1
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -89,17 +89,17 @@ exports[`Feedback buttons snapshot tests should click like and show callout 1`]
onDismiss={[Function]} onDismiss={[Function]}
role="dialog" role="dialog"
style={ style={
Object { {
"borderRadius": "4px", "borderRadius": "4px",
"padding": "5px 12px 5px 12px", "padding": "5px 12px 5px 12px",
} }
} }
styles={ styles={
Object { {
"beakCurtain": Object { "beakCurtain": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
"root": Object { "root": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
} }
@ -121,11 +121,11 @@ exports[`Feedback buttons snapshot tests should click like and show callout 1`]
</Callout> </Callout>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -137,11 +137,11 @@ exports[`Feedback buttons snapshot tests should click like and show callout 1`]
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -161,11 +161,11 @@ exports[`Feedback buttons snapshot tests should click like and submit feedback 1
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -177,11 +177,11 @@ exports[`Feedback buttons snapshot tests should click like and submit feedback 1
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -201,11 +201,11 @@ exports[`Feedback buttons snapshot tests should dobule click on dislike 1`] = `
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -217,11 +217,11 @@ exports[`Feedback buttons snapshot tests should dobule click on dislike 1`] = `
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -241,11 +241,11 @@ exports[`Feedback buttons snapshot tests should dobule click on like 1`] = `
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -257,11 +257,11 @@ exports[`Feedback buttons snapshot tests should dobule click on like 1`] = `
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -281,11 +281,11 @@ exports[`Feedback buttons snapshot tests should hover over dislike 1`] = `
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -297,11 +297,11 @@ exports[`Feedback buttons snapshot tests should hover over dislike 1`] = `
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeHover", "src": "LikeHover",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -321,11 +321,11 @@ exports[`Feedback buttons snapshot tests should hover over dislike and click 1`]
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -337,11 +337,11 @@ exports[`Feedback buttons snapshot tests should hover over dislike and click 1`]
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -361,11 +361,11 @@ exports[`Feedback buttons snapshot tests should hover over like 1`] = `
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeHover", "src": "LikeHover",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -377,11 +377,11 @@ exports[`Feedback buttons snapshot tests should hover over like 1`] = `
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -404,17 +404,17 @@ exports[`Feedback buttons snapshot tests should hover over like and click 1`] =
onDismiss={[Function]} onDismiss={[Function]}
role="dialog" role="dialog"
style={ style={
Object { {
"borderRadius": "4px", "borderRadius": "4px",
"padding": "5px 12px 5px 12px", "padding": "5px 12px 5px 12px",
} }
} }
styles={ styles={
Object { {
"beakCurtain": Object { "beakCurtain": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
"root": Object { "root": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
} }
@ -436,11 +436,11 @@ exports[`Feedback buttons snapshot tests should hover over like and click 1`] =
</Callout> </Callout>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -452,11 +452,11 @@ exports[`Feedback buttons snapshot tests should hover over like and click 1`] =
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -476,11 +476,11 @@ exports[`Feedback buttons snapshot tests should hover over pressed dislike and l
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -492,11 +492,11 @@ exports[`Feedback buttons snapshot tests should hover over pressed dislike and l
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -519,17 +519,17 @@ exports[`Feedback buttons snapshot tests should hover over pressed like and leav
onDismiss={[Function]} onDismiss={[Function]}
role="dialog" role="dialog"
style={ style={
Object { {
"borderRadius": "4px", "borderRadius": "4px",
"padding": "5px 12px 5px 12px", "padding": "5px 12px 5px 12px",
} }
} }
styles={ styles={
Object { {
"beakCurtain": Object { "beakCurtain": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
"root": Object { "root": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
} }
@ -551,11 +551,11 @@ exports[`Feedback buttons snapshot tests should hover over pressed like and leav
</Callout> </Callout>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikePressed", "src": "LikePressed",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -567,11 +567,11 @@ exports[`Feedback buttons snapshot tests should hover over pressed like and leav
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -591,11 +591,11 @@ exports[`Feedback buttons snapshot tests should hover over rest dislike and leav
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -607,11 +607,11 @@ exports[`Feedback buttons snapshot tests should hover over rest dislike and leav
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },
@ -631,11 +631,11 @@ exports[`Feedback buttons snapshot tests should hover over rest like and leave 1
> >
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
}, },
} }
@ -647,11 +647,11 @@ exports[`Feedback buttons snapshot tests should hover over rest like and leave 1
/> />
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": "LikeRest", "src": "LikeRest",
}, },
"style": Object { "style": {
"minHeight": "18px", "minHeight": "18px",
"transform": "rotate(180deg)", "transform": "rotate(180deg)",
}, },

8
src/Explorer/QueryCopilot/V2/Bubbles/Output/Buttons/Insert/__snapshots__/InsertButton.test.tsx.snap
View File

@ -3,15 +3,15 @@
exports[`Insert button snapshot tests should click and update state 1`] = ` exports[`Insert button snapshot tests should click and update state 1`] = `
<CustomizedActionButton <CustomizedActionButton
iconProps={ iconProps={
Object { {
"imageProps": Object { "imageProps": {
"src": Object {}, "src": {},
}, },
} }
} }
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"borderColor": "#D1D1D1", "borderColor": "#D1D1D1",
"borderRadius": "4px", "borderRadius": "4px",
"borderWidth": "1px", "borderWidth": "1px",

48
src/Explorer/QueryCopilot/V2/Bubbles/Output/Buttons/More/__snapshots__/MoreButton.test.tsx.snap
View File

@ -3,60 +3,60 @@
exports[`More button snapshot tests should render 1`] = ` exports[`More button snapshot tests should render 1`] = `
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "More", "iconName": "More",
} }
} }
menuIconProps={ menuIconProps={
Object { {
"hidden": true, "hidden": true,
} }
} }
menuProps={ menuProps={
Object { {
"calloutProps": Object { "calloutProps": {
"styles": Object { "styles": {
"calloutMain": Object { "calloutMain": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
"root": Object { "root": {
"borderRadius": "4px", "borderRadius": "4px",
}, },
}, },
}, },
"directionalHint": 2, "directionalHint": 2,
"items": Array [ "items": [
Object { {
"iconProps": Object { "iconProps": {
"imageProps": Object { "imageProps": {
"src": Object {}, "src": {},
}, },
}, },
"key": "regenerate", "key": "regenerate",
"text": "Regenerate code", "text": "Regenerate code",
}, },
Object { {
"iconProps": Object { "iconProps": {
"imageProps": Object { "imageProps": {
"src": Object {}, "src": {},
}, },
}, },
"key": "explain", "key": "explain",
"text": "Explain code", "text": "Explain code",
}, },
Object { {
"iconProps": Object { "iconProps": {
"imageProps": Object { "imageProps": {
"src": Object {}, "src": {},
}, },
}, },
"key": "optimize", "key": "optimize",
"text": "Optimize", "text": "Optimize",
}, },
Object { {
"iconProps": Object { "iconProps": {
"imageProps": Object { "imageProps": {
"src": Object {}, "src": {},
}, },
}, },
"key": "simplify", "key": "simplify",

2
src/Explorer/QueryCopilot/V2/Bubbles/Output/Buttons/__snapshots__/OutputBubbleButtons.test.tsx.snap
View File

@ -6,7 +6,7 @@ exports[`Output Bubble Buttons snapshot tests should render 1`] = `
> >
<StackItem <StackItem
style={ style={
Object { {
"paddingTop": "5px", "paddingTop": "5px",
} }
} }

16
src/Explorer/QueryCopilot/V2/Bubbles/Output/__snapshots__/OutputBubble.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`Output Bubble snapshot tests should render and update height 1`] = `
<Stack <Stack
id="outputBubble" id="outputBubble"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"backgroundColor": "white", "backgroundColor": "white",
"borderRadius": "8px", "borderRadius": "8px",
@ -14,7 +14,7 @@ exports[`Output Bubble snapshot tests should render and update height 1`] = `
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 8, "childrenGap": 8,
"padding": 8, "padding": 8,
} }
@ -22,7 +22,7 @@ exports[`Output Bubble snapshot tests should render and update height 1`] = `
> >
<StackItem <StackItem
style={ style={
Object { {
"alignSelf": "flex-start", "alignSelf": "flex-start",
"paddingLeft": "2px", "paddingLeft": "2px",
} }
@ -32,7 +32,7 @@ exports[`Output Bubble snapshot tests should render and update height 1`] = `
</StackItem> </StackItem>
<StackItem <StackItem
style={ style={
Object { {
"alignSelf": "stretch", "alignSelf": "stretch",
"flexGrow": 4, "flexGrow": 4,
} }
@ -47,12 +47,12 @@ exports[`Output Bubble snapshot tests should render and update height 1`] = `
lineNumbers="on" lineNumbers="on"
lineNumbersMinChars={2} lineNumbersMinChars={2}
minimap={ minimap={
Object { {
"enabled": false, "enabled": false,
} }
} }
monacoContainerStyles={ monacoContainerStyles={
Object { {
"borderRadius": "4px", "borderRadius": "4px",
"height": "NaNpx", "height": "NaNpx",
} }
@ -63,7 +63,7 @@ exports[`Output Bubble snapshot tests should render and update height 1`] = `
</StackItem> </StackItem>
<StackItem <StackItem
style={ style={
Object { {
"alignSelf": "flex-start", "alignSelf": "flex-start",
} }
} }
@ -75,7 +75,7 @@ exports[`Output Bubble snapshot tests should render and update height 1`] = `
<StackItem> <StackItem>
<Text <Text
style={ style={
Object { {
"fontSize": "10px", "fontSize": "10px",
"fontWeight": 400, "fontWeight": 400,
"lineHeight": "14px", "lineHeight": "14px",

32
src/Explorer/QueryCopilot/V2/Bubbles/Retriveing/__snapshots__/RetrievingBubble.test.tsx.snap
View File

@ -5,7 +5,7 @@ exports[`RetrievingBubble should render properly when isGeneratingExplanation is
<Stack <Stack
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"backgroundColor": "#FAFAFA", "backgroundColor": "#FAFAFA",
"borderRadius": "8px", "borderRadius": "8px",
@ -18,7 +18,7 @@ exports[`RetrievingBubble should render properly when isGeneratingExplanation is
> >
<Text <Text
style={ style={
Object { {
"backgroundColor": "white", "backgroundColor": "white",
"borderRadius": "8px", "borderRadius": "8px",
"fontWeight": "bold", "fontWeight": "bold",
@ -34,7 +34,7 @@ exports[`RetrievingBubble should render properly when isGeneratingExplanation is
</Text> </Text>
<div <div
style={ style={
Object { {
"backgroundColor": "#E6E6E6", "backgroundColor": "#E6E6E6",
"borderRadius": "4px", "borderRadius": "4px",
"height": "4px", "height": "4px",
@ -45,7 +45,7 @@ exports[`RetrievingBubble should render properly when isGeneratingExplanation is
> >
<div <div
style={ style={
Object { {
"animation": "loadingAnimation 2s linear infinite", "animation": "loadingAnimation 2s linear infinite",
"backgroundColor": "#0078D4", "backgroundColor": "#0078D4",
"height": "100%", "height": "100%",
@ -57,7 +57,7 @@ exports[`RetrievingBubble should render properly when isGeneratingExplanation is
<Stack <Stack
horizontalAlign="center" horizontalAlign="center"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"gap": "8px", "gap": "8px",
"marginTop": "8px", "marginTop": "8px",
@ -69,13 +69,13 @@ exports[`RetrievingBubble should render properly when isGeneratingExplanation is
onClick={[Function]} onClick={[Function]}
onRenderIcon={[Function]} onRenderIcon={[Function]}
style={ style={
Object { {
"color": "#424242", "color": "#424242",
} }
} }
styles={ styles={
Object { {
"root": Object { "root": {
"background": "none", "background": "none",
"border": "none", "border": "none",
"color": "#424242", "color": "#424242",
@ -96,7 +96,7 @@ exports[`RetrievingBubble should render properly when isGeneratingQuery is true
<Stack <Stack
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"backgroundColor": "#FAFAFA", "backgroundColor": "#FAFAFA",
"borderRadius": "8px", "borderRadius": "8px",
@ -109,7 +109,7 @@ exports[`RetrievingBubble should render properly when isGeneratingQuery is true
> >
<Text <Text
style={ style={
Object { {
"backgroundColor": "white", "backgroundColor": "white",
"borderRadius": "8px", "borderRadius": "8px",
"fontWeight": "bold", "fontWeight": "bold",
@ -125,7 +125,7 @@ exports[`RetrievingBubble should render properly when isGeneratingQuery is true
</Text> </Text>
<div <div
style={ style={
Object { {
"backgroundColor": "#E6E6E6", "backgroundColor": "#E6E6E6",
"borderRadius": "4px", "borderRadius": "4px",
"height": "4px", "height": "4px",
@ -136,7 +136,7 @@ exports[`RetrievingBubble should render properly when isGeneratingQuery is true
> >
<div <div
style={ style={
Object { {
"animation": "loadingAnimation 2s linear infinite", "animation": "loadingAnimation 2s linear infinite",
"backgroundColor": "#0078D4", "backgroundColor": "#0078D4",
"height": "100%", "height": "100%",
@ -148,7 +148,7 @@ exports[`RetrievingBubble should render properly when isGeneratingQuery is true
<Stack <Stack
horizontalAlign="center" horizontalAlign="center"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"gap": "8px", "gap": "8px",
"marginTop": "8px", "marginTop": "8px",
@ -160,13 +160,13 @@ exports[`RetrievingBubble should render properly when isGeneratingQuery is true
onClick={[Function]} onClick={[Function]}
onRenderIcon={[Function]} onRenderIcon={[Function]}
style={ style={
Object { {
"color": "#424242", "color": "#424242",
} }
} }
styles={ styles={
Object { {
"root": Object { "root": {
"background": "none", "background": "none",
"border": "none", "border": "none",
"color": "#424242", "color": "#424242",

12
src/Explorer/QueryCopilot/V2/Bubbles/Sample/__snapshots__/SampleBubble.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`Sample Bubble snapshot test should render 1`] = `
<Stack <Stack
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"display": "flex", "display": "flex",
"margin": "10px", "margin": "10px",
@ -17,7 +17,7 @@ exports[`Sample Bubble snapshot test should render 1`] = `
key="0" key="0"
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"border": "1.5px solid #B0BEFF", "border": "1.5px solid #B0BEFF",
"borderRadius": "4px", "borderRadius": "4px",
"cursor": "pointer", "cursor": "pointer",
@ -33,7 +33,7 @@ exports[`Sample Bubble snapshot test should render 1`] = `
key="1" key="1"
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"border": "1.5px solid #B0BEFF", "border": "1.5px solid #B0BEFF",
"borderRadius": "4px", "borderRadius": "4px",
"cursor": "pointer", "cursor": "pointer",
@ -52,7 +52,7 @@ exports[`Sample Bubble snapshot test should render and be clicked 1`] = `
<Stack <Stack
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"display": "flex", "display": "flex",
"margin": "10px", "margin": "10px",
@ -65,7 +65,7 @@ exports[`Sample Bubble snapshot test should render and be clicked 1`] = `
key="0" key="0"
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"border": "1.5px solid #B0BEFF", "border": "1.5px solid #B0BEFF",
"borderRadius": "4px", "borderRadius": "4px",
"cursor": "pointer", "cursor": "pointer",
@ -81,7 +81,7 @@ exports[`Sample Bubble snapshot test should render and be clicked 1`] = `
key="1" key="1"
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"border": "1.5px solid #B0BEFF", "border": "1.5px solid #B0BEFF",
"borderRadius": "4px", "borderRadius": "4px",
"cursor": "pointer", "cursor": "pointer",

2
src/Explorer/QueryCopilot/V2/Bubbles/Welcome/WelcomeBubble.test.tsx
View File

@ -3,7 +3,7 @@ import React from "react";
import { WelcomeBubble } from "./WelcomeBubble"; import { WelcomeBubble } from "./WelcomeBubble";
const mockedDate = new Date(2023, 7, 15); const mockedDate = new Date(2023, 7, 15);
jest.spyOn(global, "Date").mockImplementation(() => mockedDate as unknown as string); jest.spyOn(global, "Date").mockImplementation(() => mockedDate);
describe("Welcome Bubble snapshot test", () => { describe("Welcome Bubble snapshot test", () => {
it("should render", () => { it("should render", () => {

34
src/Explorer/QueryCopilot/V2/Bubbles/Welcome/__snapshots__/WelcomeBubble.test.tsx.snap
View File

@ -5,12 +5,12 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
<Stack <Stack
horizontalAlign="center" horizontalAlign="center"
style={ style={
Object { {
"color": "#707070", "color": "#707070",
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 8, "childrenGap": 8,
"padding": 8, "padding": 8,
} }
@ -22,14 +22,14 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"backgroundColor": "white", "backgroundColor": "white",
"borderRadius": "8px", "borderRadius": "8px",
"margin": "5px 10px", "margin": "5px 10px",
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 12, "childrenGap": 12,
"padding": 16, "padding": 16,
} }
@ -42,7 +42,7 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
</Text> </Text>
<Stack <Stack
tokens={ tokens={
Object { {
"childrenGap": 8, "childrenGap": 8,
} }
} }
@ -50,19 +50,19 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"marginLeft": "15px", "marginLeft": "15px",
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 8, "childrenGap": 8,
} }
} }
> >
<Text <Text
style={ style={
Object { {
"fontSize": "16px", "fontSize": "16px",
"lineHeight": "16px", "lineHeight": "16px",
"verticalAlign": "middle", "verticalAlign": "middle",
@ -73,7 +73,7 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
</Text> </Text>
<Text <Text
style={ style={
Object { {
"verticalAlign": "middle", "verticalAlign": "middle",
} }
} }
@ -84,19 +84,19 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"marginLeft": "15px", "marginLeft": "15px",
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 8, "childrenGap": 8,
} }
} }
> >
<Text <Text
style={ style={
Object { {
"fontSize": "16px", "fontSize": "16px",
"lineHeight": "16px", "lineHeight": "16px",
"verticalAlign": "middle", "verticalAlign": "middle",
@ -107,7 +107,7 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
</Text> </Text>
<Text <Text
style={ style={
Object { {
"verticalAlign": "middle", "verticalAlign": "middle",
} }
} }
@ -118,19 +118,19 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"marginLeft": "15px", "marginLeft": "15px",
} }
} }
tokens={ tokens={
Object { {
"childrenGap": 8, "childrenGap": 8,
} }
} }
> >
<Text <Text
style={ style={
Object { {
"fontSize": "16px", "fontSize": "16px",
"lineHeight": "16px", "lineHeight": "16px",
"verticalAlign": "middle", "verticalAlign": "middle",
@ -141,7 +141,7 @@ exports[`Welcome Bubble snapshot test should render 1`] = `
</Text> </Text>
<Text <Text
style={ style={
Object { {
"verticalAlign": "middle", "verticalAlign": "middle",
} }
} }

144
src/Explorer/QueryCopilot/V2/Footer/__snapshots__/Footer.test.tsx.snap
View File

@ -5,7 +5,7 @@ exports[`Footer snapshot test should not pass if no text 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"background": "white", "background": "white",
"borderRadius": "20px", "borderRadius": "20px",
@ -19,18 +19,18 @@ exports[`Footer snapshot test should not pass if no text 1`] = `
<Stack> <Stack>
<Image <Image
onClick={[Function]} onClick={[Function]}
src={Object {}} src={{}}
styles={ styles={
Object { {
"label": Object { "label": {
"fontWeight": 400, "fontWeight": 400,
"paddingLeft": 8, "paddingLeft": 8,
"textAlign": "left", "textAlign": "left",
}, },
"root": Object { "root": {
"border": "5px", "border": "5px",
"selectors": Object { "selectors": {
":hover": Object { ":hover": {
"outline": "1px dashed #605e5c", "outline": "1px dashed #605e5c",
}, },
}, },
@ -40,7 +40,7 @@ exports[`Footer snapshot test should not pass if no text 1`] = `
/> />
<SamplePrompts <SamplePrompts
sampleProps={ sampleProps={
Object { {
"isSamplePromptsOpen": false, "isSamplePromptsOpen": false,
"setIsSamplePromptsOpen": [Function], "setIsSamplePromptsOpen": [Function],
"setTextBox": [Function], "setTextBox": [Function],
@ -56,11 +56,11 @@ exports[`Footer snapshot test should not pass if no text 1`] = `
placeholder="Write your own prompt or ask a question" placeholder="Write your own prompt or ask a question"
resizable={false} resizable={false}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"border": "none", "border": "none",
}, },
"root": Object { "root": {
"border": "none", "border": "none",
"borderRadius": "20px", "borderRadius": "20px",
"height": "80px", "height": "80px",
@ -76,7 +76,7 @@ exports[`Footer snapshot test should not pass if no text 1`] = `
<CustomizedIconButton <CustomizedIconButton
disabled={null} disabled={null}
iconProps={ iconProps={
Object { {
"iconName": "Send", "iconName": "Send",
} }
} }
@ -90,7 +90,7 @@ exports[`Footer snapshot test should not pass text with non enter key 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"background": "white", "background": "white",
"borderRadius": "20px", "borderRadius": "20px",
@ -104,18 +104,18 @@ exports[`Footer snapshot test should not pass text with non enter key 1`] = `
<Stack> <Stack>
<Image <Image
onClick={[Function]} onClick={[Function]}
src={Object {}} src={{}}
styles={ styles={
Object { {
"label": Object { "label": {
"fontWeight": 400, "fontWeight": 400,
"paddingLeft": 8, "paddingLeft": 8,
"textAlign": "left", "textAlign": "left",
}, },
"root": Object { "root": {
"border": "5px", "border": "5px",
"selectors": Object { "selectors": {
":hover": Object { ":hover": {
"outline": "1px dashed #605e5c", "outline": "1px dashed #605e5c",
}, },
}, },
@ -125,7 +125,7 @@ exports[`Footer snapshot test should not pass text with non enter key 1`] = `
/> />
<SamplePrompts <SamplePrompts
sampleProps={ sampleProps={
Object { {
"isSamplePromptsOpen": false, "isSamplePromptsOpen": false,
"setIsSamplePromptsOpen": [Function], "setIsSamplePromptsOpen": [Function],
"setTextBox": [Function], "setTextBox": [Function],
@ -141,11 +141,11 @@ exports[`Footer snapshot test should not pass text with non enter key 1`] = `
placeholder="Write your own prompt or ask a question" placeholder="Write your own prompt or ask a question"
resizable={false} resizable={false}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"border": "none", "border": "none",
}, },
"root": Object { "root": {
"border": "none", "border": "none",
"borderRadius": "20px", "borderRadius": "20px",
"height": "80px", "height": "80px",
@ -161,7 +161,7 @@ exports[`Footer snapshot test should not pass text with non enter key 1`] = `
<CustomizedIconButton <CustomizedIconButton
disabled={null} disabled={null}
iconProps={ iconProps={
Object { {
"iconName": "Send", "iconName": "Send",
} }
} }
@ -175,7 +175,7 @@ exports[`Footer snapshot test should open sample prompts on button click 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"background": "white", "background": "white",
"borderRadius": "20px", "borderRadius": "20px",
@ -189,18 +189,18 @@ exports[`Footer snapshot test should open sample prompts on button click 1`] = `
<Stack> <Stack>
<Image <Image
onClick={[Function]} onClick={[Function]}
src={Object {}} src={{}}
styles={ styles={
Object { {
"label": Object { "label": {
"fontWeight": 400, "fontWeight": 400,
"paddingLeft": 8, "paddingLeft": 8,
"textAlign": "left", "textAlign": "left",
}, },
"root": Object { "root": {
"border": "5px", "border": "5px",
"selectors": Object { "selectors": {
":hover": Object { ":hover": {
"outline": "1px dashed #605e5c", "outline": "1px dashed #605e5c",
}, },
}, },
@ -210,7 +210,7 @@ exports[`Footer snapshot test should open sample prompts on button click 1`] = `
/> />
<SamplePrompts <SamplePrompts
sampleProps={ sampleProps={
Object { {
"isSamplePromptsOpen": false, "isSamplePromptsOpen": false,
"setIsSamplePromptsOpen": [Function], "setIsSamplePromptsOpen": [Function],
"setTextBox": [Function], "setTextBox": [Function],
@ -226,11 +226,11 @@ exports[`Footer snapshot test should open sample prompts on button click 1`] = `
placeholder="Write your own prompt or ask a question" placeholder="Write your own prompt or ask a question"
resizable={false} resizable={false}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"border": "none", "border": "none",
}, },
"root": Object { "root": {
"border": "none", "border": "none",
"borderRadius": "20px", "borderRadius": "20px",
"height": "80px", "height": "80px",
@ -246,7 +246,7 @@ exports[`Footer snapshot test should open sample prompts on button click 1`] = `
<CustomizedIconButton <CustomizedIconButton
disabled={null} disabled={null}
iconProps={ iconProps={
Object { {
"iconName": "Send", "iconName": "Send",
} }
} }
@ -260,7 +260,7 @@ exports[`Footer snapshot test should pass text with enter key 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"background": "white", "background": "white",
"borderRadius": "20px", "borderRadius": "20px",
@ -274,18 +274,18 @@ exports[`Footer snapshot test should pass text with enter key 1`] = `
<Stack> <Stack>
<Image <Image
onClick={[Function]} onClick={[Function]}
src={Object {}} src={{}}
styles={ styles={
Object { {
"label": Object { "label": {
"fontWeight": 400, "fontWeight": 400,
"paddingLeft": 8, "paddingLeft": 8,
"textAlign": "left", "textAlign": "left",
}, },
"root": Object { "root": {
"border": "5px", "border": "5px",
"selectors": Object { "selectors": {
":hover": Object { ":hover": {
"outline": "1px dashed #605e5c", "outline": "1px dashed #605e5c",
}, },
}, },
@ -295,7 +295,7 @@ exports[`Footer snapshot test should pass text with enter key 1`] = `
/> />
<SamplePrompts <SamplePrompts
sampleProps={ sampleProps={
Object { {
"isSamplePromptsOpen": false, "isSamplePromptsOpen": false,
"setIsSamplePromptsOpen": [Function], "setIsSamplePromptsOpen": [Function],
"setTextBox": [Function], "setTextBox": [Function],
@ -311,11 +311,11 @@ exports[`Footer snapshot test should pass text with enter key 1`] = `
placeholder="Write your own prompt or ask a question" placeholder="Write your own prompt or ask a question"
resizable={false} resizable={false}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"border": "none", "border": "none",
}, },
"root": Object { "root": {
"border": "none", "border": "none",
"borderRadius": "20px", "borderRadius": "20px",
"height": "80px", "height": "80px",
@ -331,7 +331,7 @@ exports[`Footer snapshot test should pass text with enter key 1`] = `
<CustomizedIconButton <CustomizedIconButton
disabled={null} disabled={null}
iconProps={ iconProps={
Object { {
"iconName": "Send", "iconName": "Send",
} }
} }
@ -345,7 +345,7 @@ exports[`Footer snapshot test should pass text with icon button 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"background": "white", "background": "white",
"borderRadius": "20px", "borderRadius": "20px",
@ -359,18 +359,18 @@ exports[`Footer snapshot test should pass text with icon button 1`] = `
<Stack> <Stack>
<Image <Image
onClick={[Function]} onClick={[Function]}
src={Object {}} src={{}}
styles={ styles={
Object { {
"label": Object { "label": {
"fontWeight": 400, "fontWeight": 400,
"paddingLeft": 8, "paddingLeft": 8,
"textAlign": "left", "textAlign": "left",
}, },
"root": Object { "root": {
"border": "5px", "border": "5px",
"selectors": Object { "selectors": {
":hover": Object { ":hover": {
"outline": "1px dashed #605e5c", "outline": "1px dashed #605e5c",
}, },
}, },
@ -380,7 +380,7 @@ exports[`Footer snapshot test should pass text with icon button 1`] = `
/> />
<SamplePrompts <SamplePrompts
sampleProps={ sampleProps={
Object { {
"isSamplePromptsOpen": false, "isSamplePromptsOpen": false,
"setIsSamplePromptsOpen": [Function], "setIsSamplePromptsOpen": [Function],
"setTextBox": [Function], "setTextBox": [Function],
@ -396,11 +396,11 @@ exports[`Footer snapshot test should pass text with icon button 1`] = `
placeholder="Write your own prompt or ask a question" placeholder="Write your own prompt or ask a question"
resizable={false} resizable={false}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"border": "none", "border": "none",
}, },
"root": Object { "root": {
"border": "none", "border": "none",
"borderRadius": "20px", "borderRadius": "20px",
"height": "80px", "height": "80px",
@ -416,7 +416,7 @@ exports[`Footer snapshot test should pass text with icon button 1`] = `
<CustomizedIconButton <CustomizedIconButton
disabled={null} disabled={null}
iconProps={ iconProps={
Object { {
"iconName": "Send", "iconName": "Send",
} }
} }
@ -430,7 +430,7 @@ exports[`Footer snapshot test should update user input 1`] = `
horizontal={true} horizontal={true}
horizontalAlign="end" horizontalAlign="end"
style={ style={
Object { {
"alignItems": "center", "alignItems": "center",
"background": "white", "background": "white",
"borderRadius": "20px", "borderRadius": "20px",
@ -444,18 +444,18 @@ exports[`Footer snapshot test should update user input 1`] = `
<Stack> <Stack>
<Image <Image
onClick={[Function]} onClick={[Function]}
src={Object {}} src={{}}
styles={ styles={
Object { {
"label": Object { "label": {
"fontWeight": 400, "fontWeight": 400,
"paddingLeft": 8, "paddingLeft": 8,
"textAlign": "left", "textAlign": "left",
}, },
"root": Object { "root": {
"border": "5px", "border": "5px",
"selectors": Object { "selectors": {
":hover": Object { ":hover": {
"outline": "1px dashed #605e5c", "outline": "1px dashed #605e5c",
}, },
}, },
@ -465,7 +465,7 @@ exports[`Footer snapshot test should update user input 1`] = `
/> />
<SamplePrompts <SamplePrompts
sampleProps={ sampleProps={
Object { {
"isSamplePromptsOpen": false, "isSamplePromptsOpen": false,
"setIsSamplePromptsOpen": [Function], "setIsSamplePromptsOpen": [Function],
"setTextBox": [Function], "setTextBox": [Function],
@ -481,11 +481,11 @@ exports[`Footer snapshot test should update user input 1`] = `
placeholder="Write your own prompt or ask a question" placeholder="Write your own prompt or ask a question"
resizable={false} resizable={false}
styles={ styles={
Object { {
"fieldGroup": Object { "fieldGroup": {
"border": "none", "border": "none",
}, },
"root": Object { "root": {
"border": "none", "border": "none",
"borderRadius": "20px", "borderRadius": "20px",
"height": "80px", "height": "80px",
@ -501,7 +501,7 @@ exports[`Footer snapshot test should update user input 1`] = `
<CustomizedIconButton <CustomizedIconButton
disabled={null} disabled={null}
iconProps={ iconProps={
Object { {
"iconName": "Send", "iconName": "Send",
} }
} }

12
src/Explorer/QueryCopilot/V2/Header/__snapshots__/Header.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`Header snapshot test should close on button click 1`] = `
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"display": "flex", "display": "flex",
"justifyContent": "space-between", "justifyContent": "space-between",
"margin": "15px 0px 0px 0px", "margin": "15px 0px 0px 0px",
@ -18,11 +18,11 @@ exports[`Header snapshot test should close on button click 1`] = `
verticalAlign="center" verticalAlign="center"
> >
<Image <Image
src={Object {}} src={{}}
/> />
<Text <Text
style={ style={
Object { {
"fontWeight": "bold", "fontWeight": "bold",
"marginLeft": "5px", "marginLeft": "5px",
} }
@ -32,7 +32,7 @@ exports[`Header snapshot test should close on button click 1`] = `
</Text> </Text>
<Text <Text
style={ style={
Object { {
"background": "#f0f0f0", "background": "#f0f0f0",
"borderRadius": "8px", "borderRadius": "8px",
"fontSize": "10px", "fontSize": "10px",
@ -47,13 +47,13 @@ exports[`Header snapshot test should close on button click 1`] = `
<CustomizedIconButton <CustomizedIconButton
ariaLabel="Exit" ariaLabel="Exit"
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"color": "#424242", "color": "#424242",
"verticalAlign": "middle", "verticalAlign": "middle",
} }

8
src/Explorer/QueryCopilot/V2/Sidebar/__snapshots__/QueryCopilotSidebar.test.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`Query Copilot Sidebar snapshot test should render and not set copilot used flag 1`] = ` exports[`Query Copilot Sidebar snapshot test should render and not set copilot used flag 1`] = `
<Stack <Stack
style={ style={
Object { {
"backgroundColor": "#FAFAFA", "backgroundColor": "#FAFAFA",
"height": "100%", "height": "100%",
"width": "100%", "width": "100%",
@ -18,7 +18,7 @@ exports[`Query Copilot Sidebar snapshot test should render and not set copilot u
exports[`Query Copilot Sidebar snapshot test should render and set copilot used flag 1`] = ` exports[`Query Copilot Sidebar snapshot test should render and set copilot used flag 1`] = `
<Stack <Stack
style={ style={
Object { {
"backgroundColor": "#FAFAFA", "backgroundColor": "#FAFAFA",
"height": "100%", "height": "100%",
"width": "100%", "width": "100%",
@ -33,7 +33,7 @@ exports[`Query Copilot Sidebar snapshot test should render and set copilot used
exports[`Query Copilot Sidebar snapshot test should render samples without messages 1`] = ` exports[`Query Copilot Sidebar snapshot test should render samples without messages 1`] = `
<Stack <Stack
style={ style={
Object { {
"backgroundColor": "#FAFAFA", "backgroundColor": "#FAFAFA",
"height": "100%", "height": "100%",
"width": "100%", "width": "100%",
@ -48,7 +48,7 @@ exports[`Query Copilot Sidebar snapshot test should render samples without messa
exports[`Query Copilot Sidebar snapshot test should render with chat messages 1`] = ` exports[`Query Copilot Sidebar snapshot test should render with chat messages 1`] = `
<Stack <Stack
style={ style={
Object { {
"backgroundColor": "#FAFAFA", "backgroundColor": "#FAFAFA",
"height": "100%", "height": "100%",
"width": "100%", "width": "100%",

40
src/Explorer/QueryCopilot/__snapshots__/CopilotCarousel.test.tsx.snap
View File

@ -4,8 +4,8 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
<Modal <Modal
isOpen={true} isOpen={true}
styles={ styles={
Object { {
"main": Object { "main": {
"width": 880, "width": 880,
}, },
} }
@ -13,7 +13,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
> >
<Stack <Stack
style={ style={
Object { {
"padding": 16, "padding": 16,
} }
} }
@ -29,7 +29,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<CustomizedIconButton <CustomizedIconButton
iconProps={ iconProps={
Object { {
"iconName": "Cancel", "iconName": "Cancel",
} }
} }
@ -38,14 +38,14 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Stack> </Stack>
<Stack <Stack
style={ style={
Object { {
"marginTop": 8, "marginTop": 8,
} }
} }
> >
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
} }
} }
@ -54,7 +54,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
"marginTop": 16, "marginTop": 16,
@ -65,7 +65,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"marginTop": 8, "marginTop": 8,
} }
@ -74,16 +74,16 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
To generate queries , just describe the query you want and copilot will generate the query for you.Watch this video to learn more about how to use copilot. To generate queries , just describe the query you want and copilot will generate the query for you.Watch this video to learn more about how to use copilot.
</Text> </Text>
<Image <Image
src={Object {}} src={{}}
style={ style={
Object { {
"margin": "16px auto", "margin": "16px auto",
} }
} }
/> />
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
} }
@ -93,7 +93,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"marginTop": 8, "marginTop": 8,
} }
@ -112,7 +112,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
"marginTop": 16, "marginTop": 16,
@ -123,7 +123,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"marginTop": 8, "marginTop": 8,
} }
@ -140,7 +140,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontSize": 14, "fontSize": 14,
"fontWeight": 600, "fontWeight": 600,
"marginTop": 16, "marginTop": 16,
@ -151,7 +151,7 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Text> </Text>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"marginTop": 8, "marginTop": 8,
} }
@ -169,12 +169,12 @@ exports[`Query Copilot Carousel snapshot test should render when isOpen is true
</Stack> </Stack>
<Separator <Separator
styles={ styles={
Object { {
"root": Object { "root": {
"height": 1, "height": 1,
"padding": "16px 0", "padding": "16px 0",
"selectors": Object { "selectors": {
"::before": Object { "::before": {
"background": undefined, "background": undefined,
}, },
}, },

36
src/Explorer/QueryCopilot/__snapshots__/PromptCard.test.tsx.snap
View File

@ -4,7 +4,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is false
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"border": "1px solid #F3F2F1", "border": "1px solid #F3F2F1",
"boxShadow": "0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)", "boxShadow": "0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)",
"boxSizing": "border-box", "boxSizing": "border-box",
@ -23,7 +23,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is false
<div> <div>
<Text <Text
style={ style={
Object { {
"background": "#F8FFF0", "background": "#F8FFF0",
"color": "#00A2AD", "color": "#00A2AD",
"fontSize": 13, "fontSize": 13,
@ -35,7 +35,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is false
</div> </div>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"marginLeft": 16, "marginLeft": 16,
} }
@ -46,7 +46,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is false
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 10, "fontSize": 10,
"marginTop": 16, "marginTop": 16,
} }
@ -57,7 +57,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is false
</StackItem> </StackItem>
<StackItem <StackItem
style={ style={
Object { {
"marginLeft": 16, "marginLeft": 16,
} }
} }
@ -65,8 +65,8 @@ exports[`Prompt card snapshot test should render properly if isSelected is false
<StyledChoiceGroup <StyledChoiceGroup
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "selected", "key": "selected",
"text": "", "text": "",
}, },
@ -74,8 +74,8 @@ exports[`Prompt card snapshot test should render properly if isSelected is false
} }
selectedKey="" selectedKey=""
styles={ styles={
Object { {
"flexContainer": Object { "flexContainer": {
"width": 36, "width": 36,
}, },
} }
@ -89,7 +89,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is true
<Stack <Stack
horizontal={true} horizontal={true}
style={ style={
Object { {
"border": "1px solid #F3F2F1", "border": "1px solid #F3F2F1",
"boxShadow": "0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)", "boxShadow": "0px 1.6px 3.6px rgba(0, 0, 0, 0.132), 0px 0.3px 0.9px rgba(0, 0, 0, 0.108)",
"boxSizing": "border-box", "boxSizing": "border-box",
@ -108,7 +108,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is true
<div> <div>
<Text <Text
style={ style={
Object { {
"background": "#F8FFF0", "background": "#F8FFF0",
"color": "#00A2AD", "color": "#00A2AD",
"fontSize": 13, "fontSize": 13,
@ -120,7 +120,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is true
</div> </div>
<Text <Text
style={ style={
Object { {
"fontSize": 13, "fontSize": 13,
"marginLeft": 16, "marginLeft": 16,
} }
@ -131,7 +131,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is true
</Stack> </Stack>
<Text <Text
style={ style={
Object { {
"fontSize": 10, "fontSize": 10,
"marginTop": 16, "marginTop": 16,
} }
@ -142,7 +142,7 @@ exports[`Prompt card snapshot test should render properly if isSelected is true
</StackItem> </StackItem>
<StackItem <StackItem
style={ style={
Object { {
"marginLeft": 16, "marginLeft": 16,
} }
} }
@ -150,8 +150,8 @@ exports[`Prompt card snapshot test should render properly if isSelected is true
<StyledChoiceGroup <StyledChoiceGroup
onChange={[Function]} onChange={[Function]}
options={ options={
Array [ [
Object { {
"key": "selected", "key": "selected",
"text": "", "text": "",
}, },
@ -159,8 +159,8 @@ exports[`Prompt card snapshot test should render properly if isSelected is true
} }
selectedKey="selected" selectedKey="selected"
styles={ styles={
Object { {
"flexContainer": Object { "flexContainer": {
"width": 36, "width": 36,
}, },
} }

6
src/Explorer/QueryCopilot/__snapshots__/QueryCopilotTab.test.tsx.snap
View File

@ -4,14 +4,14 @@ exports[`Query copilot tab snapshot test should render with initial input 1`] =
<Stack <Stack
className="tab-pane" className="tab-pane"
style={ style={
Object { {
"width": "100%", "width": "100%",
} }
} }
> >
<div <div
style={ style={
Object { {
"height": "100%", "height": "100%",
"overflowY": "auto", "overflowY": "auto",
} }
@ -29,7 +29,7 @@ exports[`Query copilot tab snapshot test should render with initial input 1`] =
"onRefreshResourcesClick": [Function], "onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient { "phoenixClient": PhoenixClient {
"armResourceId": undefined, "armResourceId": undefined,
"retryOptions": Object { "retryOptions": {
"maxTimeout": 5000, "maxTimeout": 5000,
"minTimeout": 5000, "minTimeout": 5000,
"retries": 3, "retries": 3,

6
src/Explorer/Tabs/ConflictsTab.html
View File

@ -21,7 +21,7 @@
<td class="refreshColHeader"> <td class="refreshColHeader">
<img <img
class="refreshcol" class="refreshcol"
src="/refresh-cosmos.svg" src="../../../images/refresh-cosmos.svg"
data-bind="click: refreshDocumentsGrid" data-bind="click: refreshDocumentsGrid"
alt="Refresh documents" alt="Refresh documents"
/> />
@ -53,7 +53,7 @@
> >
<img <img
class="refreshcol" class="refreshcol"
src="/refresh-cosmos.svg" src="../../../images/refresh-cosmos.svg"
data-bind="click: refreshDocumentsGrid" data-bind="click: refreshDocumentsGrid"
alt="Refresh documents" alt="Refresh documents"
/> />
@ -110,7 +110,7 @@
<div class="splitter ui-resizable-handle ui-resizable-e colResizePointer" id="h_splitter2"></div> <div class="splitter ui-resizable-handle ui-resizable-e colResizePointer" id="h_splitter2"></div>
</div> </div>
<div class="documentWaterMark" data-bind="visible: shouldShowWatermark"> <div class="documentWaterMark" data-bind="visible: shouldShowWatermark">
<p><img src="/DocumentWaterMark.svg" alt="Document WaterMark" /></p> <p><img src="../../../images/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
<p class="documentWaterMarkText">View and resolve conflicts</p> <p class="documentWaterMarkText">View and resolve conflicts</p>
</div> </div>
<!-- Editor - Start --> <!-- Editor - Start -->

33
src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTabV2.test.tsx.snap
View File

@ -3,12 +3,12 @@
exports[`Documents tab (noSql API) when rendered should render the page 1`] = ` exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
<FluentProvider <FluentProvider
style={ style={
Object { {
"height": "100%", "height": "100%",
} }
} }
theme={ theme={
Object { {
"borderRadiusCircular": "10000px", "borderRadiusCircular": "10000px",
"borderRadiusLarge": "6px", "borderRadiusLarge": "6px",
"borderRadiusMedium": "4px", "borderRadiusMedium": "4px",
@ -20,6 +20,8 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
"colorBrandBackground2": "#e3f7ef", "colorBrandBackground2": "#e3f7ef",
"colorBrandBackground2Hover": "#c0ecdd", "colorBrandBackground2Hover": "#c0ecdd",
"colorBrandBackground2Pressed": "#78d3b9", "colorBrandBackground2Pressed": "#78d3b9",
"colorBrandBackground3Static": "#0a5c50",
"colorBrandBackground4Static": "#033f38",
"colorBrandBackgroundHover": "#0c695a", "colorBrandBackgroundHover": "#0c695a",
"colorBrandBackgroundInverted": "#ffffff", "colorBrandBackgroundInverted": "#ffffff",
"colorBrandBackgroundInvertedHover": "#e3f7ef", "colorBrandBackgroundInvertedHover": "#e3f7ef",
@ -86,6 +88,11 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
"colorNeutralBackgroundInverted": "#292929", "colorNeutralBackgroundInverted": "#292929",
"colorNeutralBackgroundInvertedDisabled": "rgba(255, 255, 255, 0.1)", "colorNeutralBackgroundInvertedDisabled": "rgba(255, 255, 255, 0.1)",
"colorNeutralBackgroundStatic": "#333333", "colorNeutralBackgroundStatic": "#333333",
"colorNeutralCardBackground": "#fafafa",
"colorNeutralCardBackgroundDisabled": "#f0f0f0",
"colorNeutralCardBackgroundHover": "#ffffff",
"colorNeutralCardBackgroundPressed": "#f5f5f5",
"colorNeutralCardBackgroundSelected": "#ebebeb",
"colorNeutralForeground1": "#242424", "colorNeutralForeground1": "#242424",
"colorNeutralForeground1Hover": "#242424", "colorNeutralForeground1Hover": "#242424",
"colorNeutralForeground1Pressed": "#242424", "colorNeutralForeground1Pressed": "#242424",
@ -307,6 +314,8 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
"colorStatusDangerBackground1": "#fdf3f4", "colorStatusDangerBackground1": "#fdf3f4",
"colorStatusDangerBackground2": "#eeacb2", "colorStatusDangerBackground2": "#eeacb2",
"colorStatusDangerBackground3": "#c50f1f", "colorStatusDangerBackground3": "#c50f1f",
"colorStatusDangerBackground3Hover": "#b10e1c",
"colorStatusDangerBackground3Pressed": "#960b18",
"colorStatusDangerBorder1": "#eeacb2", "colorStatusDangerBorder1": "#eeacb2",
"colorStatusDangerBorder2": "#c50f1f", "colorStatusDangerBorder2": "#c50f1f",
"colorStatusDangerBorderActive": "#c50f1f", "colorStatusDangerBorderActive": "#c50f1f",
@ -443,7 +452,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
className="tab-pane active documentsTab" className="tab-pane active documentsTab"
role="tabpanel" role="tabpanel"
style={ style={
Object { {
"display": "flex", "display": "flex",
} }
} }
@ -466,7 +475,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
appearance="primary" appearance="primary"
onClick={[Function]} onClick={[Function]}
style={ style={
Object { {
"marginLeft": 8, "marginLeft": 8,
} }
} }
@ -477,7 +486,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
</div> </div>
<div <div
style={ style={
Object { {
"height": "100%", "height": "100%",
"overflow": "hidden", "overflow": "hidden",
} }
@ -490,7 +499,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
> >
<div <div
style={ style={
Object { {
"minWidth": 120, "minWidth": 120,
"overflow": "hidden", "overflow": "hidden",
"position": "relative", "position": "relative",
@ -506,7 +515,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
onKeyDown={[Function]} onKeyDown={[Function]}
size="small" size="small"
style={ style={
Object { {
"backgroundColor": "white", "backgroundColor": "white",
"color": undefined, "color": undefined,
"float": "right", "float": "right",
@ -519,7 +528,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
/> />
<div <div
style={ style={
Object { {
"height": "100%", "height": "100%",
"width": "calc(100% - 50px)", "width": "calc(100% - 50px)",
} }
@ -527,13 +536,13 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
> >
<DocumentsTableComponent <DocumentsTableComponent
columnHeaders={ columnHeaders={
Object { {
"idHeader": "id", "idHeader": "id",
"partitionKeyHeaders": Array [], "partitionKeyHeaders": [],
} }
} }
isSelectionDisabled={true} isSelectionDisabled={true}
items={Array []} items={[]}
onItemClicked={[Function]} onItemClicked={[Function]}
onSelectedRowsChange={[Function]} onSelectedRowsChange={[Function]}
selectedRows={ selectedRows={
@ -546,7 +555,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
</div> </div>
<div <div
style={ style={
Object { {
"minWidth": "20%", "minWidth": "20%",
"width": "100%", "width": "100%",
} }

476
src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTableComponent.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

24
src/Explorer/Tabs/QueryTablesTab.html
View File

@ -9,7 +9,7 @@
<!-- Tables Query Tab Errors - Start--> <!-- Tables Query Tab Errors - Start-->
<div class="error-bar"> <div class="error-bar">
<div class="error-message" aria-label="Error Message" data-bind="visible: hasQueryError"> <div class="error-message" aria-label="Error Message" data-bind="visible: hasQueryError">
<span><img class="entity-error-Img" src="/error_red.svg" /></span> <span><img class="entity-error-Img" src="../../../images/error_red.svg" /></span>
<span class="error-text" role="alert" data-bind="text: queryErrorMessage"></span> <span class="error-text" role="alert" data-bind="text: queryErrorMessage"></span>
</div> </div>
</div> </div>
@ -45,7 +45,7 @@
type="button" type="button"
data-bind="enable: canGroupClauses, attr:{title: groupSelectedClauses}, click: groupClauses" data-bind="enable: canGroupClauses, attr:{title: groupSelectedClauses}, click: groupClauses"
> >
<img class="and-or-svg" src="/And-Or.svg" alt="Group selected clauses" /> <img class="and-or-svg" src="../../../images/And-Or.svg" alt="Group selected clauses" />
</button> </button>
</th> </th>
<th class="clause-table-cell header-background"> <th class="clause-table-cell header-background">
@ -81,7 +81,7 @@
<img <img
class="addclauseProperty-Img" class="addclauseProperty-Img"
style="margin-bottom: 5px" style="margin-bottom: 5px"
src="/Add-property.svg" src="../../../images/Add-property.svg"
alt="Add new Clause" alt="Add new Clause"
/> />
<span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span> <span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span>
@ -103,12 +103,16 @@
> >
<!-- ko template: { ifnot: isExpanded} --> <!-- ko template: { ifnot: isExpanded} -->
<div class="themed-images" type="text/html" id="ExpandChevronRight" data-bind="hasFocus: focusExpandIcon"> <div class="themed-images" type="text/html" id="ExpandChevronRight" data-bind="hasFocus: focusExpandIcon">
<img class="imgiconwidth expand-triangle expand-triangle-right" src="/Triangle-right.svg" alt="toggle" /> <img
class="imgiconwidth expand-triangle expand-triangle-right"
src="../../../images/Triangle-right.svg"
alt="toggle"
/>
</div> </div>
<!-- /ko --> <!-- /ko -->
<!-- ko template: { if: isExpanded} --> <!-- ko template: { if: isExpanded} -->
<div class="themed-images" type="text/html" id="ExpandChevronDown"> <div class="themed-images" type="text/html" id="ExpandChevronDown">
<img class="imgiconwidth expand-triangle" src="/Triangle-down.svg" alt="toggle" /> <img class="imgiconwidth expand-triangle" src="../../../images/Triangle-down.svg" alt="toggle" />
</div> </div>
<!-- /ko --> <!-- /ko -->
<span>Advanced Options</span> <span>Advanced Options</span>
@ -127,7 +131,7 @@
<div role="alert" aria-atomic="true" class="inline-div" data-bind="visible: isExceedingLimit"> <div role="alert" aria-atomic="true" class="inline-div" data-bind="visible: isExceedingLimit">
<img <img
class="advanced-options-icon" class="advanced-options-icon"
src="/QueryBuilder/StatusWarning_16x.png" src="../../../images/QueryBuilder/StatusWarning_16x.png"
alt="Warning" alt="Warning"
role="presentation" role="presentation"
/> />
@ -137,7 +141,7 @@
<div class="select"> <div class="select">
<span> Select fields for query: </span> <span> Select fields for query: </span>
<div data-bind="visible: isSelected"> <div data-bind="visible: isSelected">
<img class="advanced-options-icon" src="/QueryBuilder/QueryInformation_16x.png" /> <img class="advanced-options-icon" src="../../../images/QueryBuilder/QueryInformation_16x.png" />
<span class="select-options-text" data-bind="text: selectMessage" /> <span class="select-options-text" data-bind="text: selectMessage" />
</div> </div>
<a <a
@ -179,14 +183,14 @@
data-bind="click: $parent.addClauseIndex.bind($data, $index()), event: { keydown: $parent.onAddClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.insertNewFilterLine}" data-bind="click: $parent.addClauseIndex.bind($data, $index()), event: { keydown: $parent.onAddClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.insertNewFilterLine}"
> >
<span class="entity-Add-Cancel" role="button"> <span class="entity-Add-Cancel" role="button">
<img class="querybuilder-addpropertyImg" src="/Add-property.svg" alt="Add clause" /> <img class="querybuilder-addpropertyImg" src="../../../images/Add-property.svg" alt="Add clause" />
</span> </span>
</button> </button>
<button <button
data-bind="hasFocus: isDeleteButtonFocused, click: $parent.deleteClause.bind($data, $index()), event: { keydown: $parent.onDeleteClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.removeThisFilterLine}" data-bind="hasFocus: isDeleteButtonFocused, click: $parent.deleteClause.bind($data, $index()), event: { keydown: $parent.onDeleteClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.removeThisFilterLine}"
> >
<span class="entity-Add-Cancel" role="button"> <span class="entity-Add-Cancel" role="button">
<img class="querybuilder-cancelImg" src="/Entity_cancel.svg" alt="Delete clause" /> <img class="querybuilder-cancelImg" src="../../../images/Entity_cancel.svg" alt="Delete clause" />
</span> </span>
</button> </button>
</td> </td>
@ -271,7 +275,7 @@
> >
<!-- ko template: {if: gi.canUngroup} --> <!-- ko template: {if: gi.canUngroup} -->
<button type="button" data-bind="click: ungroupClauses, attr: {title: ungroupClausesLabel}"> <button type="button" data-bind="click: ungroupClauses, attr: {title: ungroupClausesLabel}">
<img src="/QueryBuilder/UngroupClause_16x.png" alt="Ungroup clauses" /> <img src="../../../images/QueryBuilder/UngroupClause_16x.png" alt="Ungroup clauses" />
</button> </button>
<!-- /ko --> <!-- /ko -->
</td> </td>

0
src/Explorer/Tree/ResourceTreeAdapter.test.ts → src/Explorer/Tree/ResourceTreeAdapterLegacy.test.ts
View File

116
src/Explorer/Tree/__snapshots__/ResourceTreeAdapter.test.tsx.snap
View File

@ -8,93 +8,93 @@ exports[`Resource tree for schema should render 1`] = `
<LegacyTreeNodeComponent <LegacyTreeNodeComponent
generation={0} generation={0}
node={ node={
Object { {
"children": Array [ "children": [
Object { {
"children": Array [ "children": [
Object { {
"label": "String", "label": "String",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "_rid", "label": "_rid",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "Int64", "label": "Int64",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "_ts", "label": "_ts",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "String", "label": "String",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "id", "label": "id",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "String", "label": "String",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "pk", "label": "pk",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "String", "label": "String",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "other", "label": "other",
}, },
Object { {
"children": Array [ "children": [
Object { {
"children": Array [ "children": [
Object { {
"label": "String", "label": "String",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "name", "label": "name",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "Int64", "label": "Int64",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "someNumber", "label": "someNumber",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "Double", "label": "Double",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
@ -103,40 +103,40 @@ exports[`Resource tree for schema should render 1`] = `
], ],
"label": "nested", "label": "nested",
}, },
Object { {
"children": Array [ "children": [
Object { {
"children": Array [ "children": [
Object { {
"children": Array [ "children": [
Object { {
"children": Array [ "children": [
Object { {
"label": "String", "label": "String",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "name", "label": "name",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "Int64", "label": "Int64",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
"label": "someNumber", "label": "someNumber",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "Double", "label": "Double",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],
@ -151,12 +151,12 @@ exports[`Resource tree for schema should render 1`] = `
], ],
"label": "items", "label": "items",
}, },
Object { {
"children": Array [ "children": [
Object { {
"label": "String", "label": "String",
}, },
Object { {
"label": "HasNulls: true", "label": "HasNulls: true",
}, },
], ],

1328
src/Explorer/Tree/__snapshots__/treeNodeUtil.test.ts.snap
View File

File diff suppressed because it is too large Load Diff

6
src/Explorer/Tree/treeNodeUtil.test.ts
View File

@ -207,9 +207,9 @@ describe("createResourceTokenTreeNodes", () => {
it("returns an empty node when collection is undefined or null", () => { it("returns an empty node when collection is undefined or null", () => {
const snapshot = ` const snapshot = `
Array [ [
Object { {
"children": Array [], "children": [],
"isExpanded": true, "isExpanded": true,
"label": "", "label": "",
}, },

2
src/GalleryViewer/galleryViewer.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" /> <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<title>Gallery Viewer</title> <title>Gallery Viewer</title>
<link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" /> <link rel="shortcut icon" href="../../images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
</head> </head>
<body style="overflow-y: scroll"> <body style="overflow-y: scroll">

2
src/NotebookViewer/notebookViewer.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" /> <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
<title>Notebook Viewer</title> <title>Notebook Viewer</title>
<link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" /> <link rel="shortcut icon" href="../../images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
</head> </head>
<body> <body>

474
src/SelfServe/__snapshots__/SelfServeComponent.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

Some files were not shown because too many files have changed in this diff Show More