mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-02-16 17:25:58 +00:00
Replace rendering tests with snapshot match
This commit is contained in:
Laurent Nguyen
parent
3b8fabb227
commit
6c3127f071
@ -383,8 +383,8 @@ describe("Documents tab (noSql API)", () => {
|
|||||||
wrapper.unmount();
|
wrapper.unmount();
|
||||||
});
|
});
|
||||||
|
|
||||||
it("should render the Edit Filter button", () => {
|
it("should render the page", () => {
|
||||||
expect(wrapper.findWhere((node) => node.text() === "Edit Filter").exists()).toBeTruthy();
|
expect(wrapper).toMatchSnapshot();
|
||||||
});
|
});
|
||||||
|
|
||||||
it("clicking on Edit filter should render the Apply Filter button", () => {
|
it("clicking on Edit filter should render the Apply Filter button", () => {
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { TableRowId } from "@fluentui/react-components";
|
import { TableRowId } from "@fluentui/react-components";
|
||||||
import { ReactWrapper, mount } from "enzyme";
|
import { mount } from "enzyme";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { DocumentsTableComponent, IDocumentsTableComponentProps } from "./DocumentsTableComponent";
|
import { DocumentsTableComponent, IDocumentsTableComponentProps } from "./DocumentsTableComponent";
|
||||||
|
|
||||||
@ -26,47 +26,9 @@ describe("DocumentsTableComponent", () => {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
describe("when rendered", () => {
|
it("should render documents and partition keys in header", () => {
|
||||||
let wrapper: ReactWrapper;
|
const props: IDocumentsTableComponentProps = createMockProps();
|
||||||
beforeEach(() => {
|
const wrapper = mount(<DocumentsTableComponent {...props} />);
|
||||||
const props: IDocumentsTableComponentProps = createMockProps();
|
expect(wrapper).toMatchSnapshot();
|
||||||
wrapper = mount(<DocumentsTableComponent {...props} />);
|
|
||||||
});
|
|
||||||
|
|
||||||
afterEach(() => {
|
|
||||||
wrapper.unmount();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should show id and partition key(s) in header", () => {
|
|
||||||
expect(
|
|
||||||
wrapper
|
|
||||||
.find(".fui-TableHeader")
|
|
||||||
.findWhere((node) => node.text() === ID_HEADER)
|
|
||||||
.exists(),
|
|
||||||
).toBeTruthy();
|
|
||||||
expect(
|
|
||||||
wrapper
|
|
||||||
.find(".fui-TableHeader")
|
|
||||||
.findWhere((node) => node.text() === PARTITION_KEY_HEADER)
|
|
||||||
.exists(),
|
|
||||||
).toBeTruthy();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should show documents", () => {
|
|
||||||
const rows = wrapper.find(".fui-TableBody .fui-TableRow");
|
|
||||||
expect(rows.length).toBe(3);
|
|
||||||
expect(
|
|
||||||
rows
|
|
||||||
.at(1)
|
|
||||||
.findWhere((node) => node.text() === "2")
|
|
||||||
.exists(),
|
|
||||||
).toBeTruthy();
|
|
||||||
expect(
|
|
||||||
rows
|
|
||||||
.at(1)
|
|
||||||
.findWhere((node) => node.text() === "pk2")
|
|
||||||
.exists(),
|
|
||||||
).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@ -0,0 +1,558 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
|
||||||
|
<FluentProvider
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"height": "100%",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
theme={
|
||||||
|
Object {
|
||||||
|
"borderRadiusCircular": "10000px",
|
||||||
|
"borderRadiusLarge": "6px",
|
||||||
|
"borderRadiusMedium": "4px",
|
||||||
|
"borderRadiusNone": "0",
|
||||||
|
"borderRadiusSmall": "2px",
|
||||||
|
"borderRadiusXLarge": "8px",
|
||||||
|
"colorBackgroundOverlay": "rgba(0, 0, 0, 0.4)",
|
||||||
|
"colorBrandBackground": "#117865",
|
||||||
|
"colorBrandBackground2": "#e3f7ef",
|
||||||
|
"colorBrandBackground2Hover": "#c0ecdd",
|
||||||
|
"colorBrandBackground2Pressed": "#78d3b9",
|
||||||
|
"colorBrandBackgroundHover": "#0c695a",
|
||||||
|
"colorBrandBackgroundInverted": "#ffffff",
|
||||||
|
"colorBrandBackgroundInvertedHover": "#e3f7ef",
|
||||||
|
"colorBrandBackgroundInvertedPressed": "#9ee0cb",
|
||||||
|
"colorBrandBackgroundInvertedSelected": "#c0ecdd",
|
||||||
|
"colorBrandBackgroundPressed": "#033f38",
|
||||||
|
"colorBrandBackgroundSelected": "#0a5c50",
|
||||||
|
"colorBrandBackgroundStatic": "#117865",
|
||||||
|
"colorBrandForeground1": "#117865",
|
||||||
|
"colorBrandForeground2": "#0c695a",
|
||||||
|
"colorBrandForeground2Hover": "#0a5c50",
|
||||||
|
"colorBrandForeground2Pressed": "#01322E",
|
||||||
|
"colorBrandForegroundInverted": "#2aaC94",
|
||||||
|
"colorBrandForegroundInvertedHover": "#3abb9f",
|
||||||
|
"colorBrandForegroundInvertedPressed": "#2aaC94",
|
||||||
|
"colorBrandForegroundLink": "#0c695a",
|
||||||
|
"colorBrandForegroundLinkHover": "#0a5c50",
|
||||||
|
"colorBrandForegroundLinkPressed": "#033f38",
|
||||||
|
"colorBrandForegroundLinkSelected": "#0c695a",
|
||||||
|
"colorBrandForegroundOnLight": "#117865",
|
||||||
|
"colorBrandForegroundOnLightHover": "#0c695a",
|
||||||
|
"colorBrandForegroundOnLightPressed": "#054d43",
|
||||||
|
"colorBrandForegroundOnLightSelected": "#0a5c50",
|
||||||
|
"colorBrandShadowAmbient": "rgba(0,0,0,0.30)",
|
||||||
|
"colorBrandShadowKey": "rgba(0,0,0,0.25)",
|
||||||
|
"colorBrandStroke1": "#117865",
|
||||||
|
"colorBrandStroke2": "#9ee0cb",
|
||||||
|
"colorBrandStroke2Contrast": "#9ee0cb",
|
||||||
|
"colorBrandStroke2Hover": "#52c7aa",
|
||||||
|
"colorBrandStroke2Pressed": "#117865",
|
||||||
|
"colorCompoundBrandBackground": "#117865",
|
||||||
|
"colorCompoundBrandBackgroundHover": "#0c695a",
|
||||||
|
"colorCompoundBrandBackgroundPressed": "#0a5c50",
|
||||||
|
"colorCompoundBrandForeground1": "#117865",
|
||||||
|
"colorCompoundBrandForeground1Hover": "#0c695a",
|
||||||
|
"colorCompoundBrandForeground1Pressed": "#0a5c50",
|
||||||
|
"colorCompoundBrandStroke": "#117865",
|
||||||
|
"colorCompoundBrandStrokeHover": "#0c695a",
|
||||||
|
"colorCompoundBrandStrokePressed": "#0a5c50",
|
||||||
|
"colorNeutralBackground1": "#ffffff",
|
||||||
|
"colorNeutralBackground1Hover": "#f5f5f5",
|
||||||
|
"colorNeutralBackground1Pressed": "#e0e0e0",
|
||||||
|
"colorNeutralBackground1Selected": "#ebebeb",
|
||||||
|
"colorNeutralBackground2": "#fafafa",
|
||||||
|
"colorNeutralBackground2Hover": "#f0f0f0",
|
||||||
|
"colorNeutralBackground2Pressed": "#dbdbdb",
|
||||||
|
"colorNeutralBackground2Selected": "#e6e6e6",
|
||||||
|
"colorNeutralBackground3": "#f5f5f5",
|
||||||
|
"colorNeutralBackground3Hover": "#ebebeb",
|
||||||
|
"colorNeutralBackground3Pressed": "#d6d6d6",
|
||||||
|
"colorNeutralBackground3Selected": "#e0e0e0",
|
||||||
|
"colorNeutralBackground4": "#f0f0f0",
|
||||||
|
"colorNeutralBackground4Hover": "#fafafa",
|
||||||
|
"colorNeutralBackground4Pressed": "#f5f5f5",
|
||||||
|
"colorNeutralBackground4Selected": "#ffffff",
|
||||||
|
"colorNeutralBackground5": "#ebebeb",
|
||||||
|
"colorNeutralBackground5Hover": "#f5f5f5",
|
||||||
|
"colorNeutralBackground5Pressed": "#f0f0f0",
|
||||||
|
"colorNeutralBackground5Selected": "#fafafa",
|
||||||
|
"colorNeutralBackground6": "#e6e6e6",
|
||||||
|
"colorNeutralBackgroundAlpha": "rgba(255, 255, 255, 0.5)",
|
||||||
|
"colorNeutralBackgroundAlpha2": "rgba(255, 255, 255, 0.8)",
|
||||||
|
"colorNeutralBackgroundDisabled": "#f0f0f0",
|
||||||
|
"colorNeutralBackgroundInverted": "#292929",
|
||||||
|
"colorNeutralBackgroundInvertedDisabled": "rgba(255, 255, 255, 0.1)",
|
||||||
|
"colorNeutralBackgroundStatic": "#333333",
|
||||||
|
"colorNeutralForeground1": "#242424",
|
||||||
|
"colorNeutralForeground1Hover": "#242424",
|
||||||
|
"colorNeutralForeground1Pressed": "#242424",
|
||||||
|
"colorNeutralForeground1Selected": "#242424",
|
||||||
|
"colorNeutralForeground1Static": "#242424",
|
||||||
|
"colorNeutralForeground2": "#424242",
|
||||||
|
"colorNeutralForeground2BrandHover": "#117865",
|
||||||
|
"colorNeutralForeground2BrandPressed": "#0c695a",
|
||||||
|
"colorNeutralForeground2BrandSelected": "#117865",
|
||||||
|
"colorNeutralForeground2Hover": "#242424",
|
||||||
|
"colorNeutralForeground2Link": "#424242",
|
||||||
|
"colorNeutralForeground2LinkHover": "#242424",
|
||||||
|
"colorNeutralForeground2LinkPressed": "#242424",
|
||||||
|
"colorNeutralForeground2LinkSelected": "#242424",
|
||||||
|
"colorNeutralForeground2Pressed": "#242424",
|
||||||
|
"colorNeutralForeground2Selected": "#242424",
|
||||||
|
"colorNeutralForeground3": "#616161",
|
||||||
|
"colorNeutralForeground3BrandHover": "#117865",
|
||||||
|
"colorNeutralForeground3BrandPressed": "#0c695a",
|
||||||
|
"colorNeutralForeground3BrandSelected": "#117865",
|
||||||
|
"colorNeutralForeground3Hover": "#424242",
|
||||||
|
"colorNeutralForeground3Pressed": "#424242",
|
||||||
|
"colorNeutralForeground3Selected": "#424242",
|
||||||
|
"colorNeutralForeground4": "#707070",
|
||||||
|
"colorNeutralForegroundDisabled": "#bdbdbd",
|
||||||
|
"colorNeutralForegroundInverted": "#ffffff",
|
||||||
|
"colorNeutralForegroundInverted2": "#ffffff",
|
||||||
|
"colorNeutralForegroundInvertedDisabled": "rgba(255, 255, 255, 0.4)",
|
||||||
|
"colorNeutralForegroundInvertedHover": "#ffffff",
|
||||||
|
"colorNeutralForegroundInvertedLink": "#ffffff",
|
||||||
|
"colorNeutralForegroundInvertedLinkHover": "#ffffff",
|
||||||
|
"colorNeutralForegroundInvertedLinkPressed": "#ffffff",
|
||||||
|
"colorNeutralForegroundInvertedLinkSelected": "#ffffff",
|
||||||
|
"colorNeutralForegroundInvertedPressed": "#ffffff",
|
||||||
|
"colorNeutralForegroundInvertedSelected": "#ffffff",
|
||||||
|
"colorNeutralForegroundOnBrand": "#ffffff",
|
||||||
|
"colorNeutralForegroundStaticInverted": "#ffffff",
|
||||||
|
"colorNeutralShadowAmbient": "rgba(0,0,0,0.12)",
|
||||||
|
"colorNeutralShadowAmbientDarker": "rgba(0,0,0,0.20)",
|
||||||
|
"colorNeutralShadowAmbientLighter": "rgba(0,0,0,0.06)",
|
||||||
|
"colorNeutralShadowKey": "rgba(0,0,0,0.14)",
|
||||||
|
"colorNeutralShadowKeyDarker": "rgba(0,0,0,0.24)",
|
||||||
|
"colorNeutralShadowKeyLighter": "rgba(0,0,0,0.07)",
|
||||||
|
"colorNeutralStencil1": "#e6e6e6",
|
||||||
|
"colorNeutralStencil1Alpha": "rgba(0, 0, 0, 0.1)",
|
||||||
|
"colorNeutralStencil2": "#fafafa",
|
||||||
|
"colorNeutralStencil2Alpha": "rgba(0, 0, 0, 0.05)",
|
||||||
|
"colorNeutralStroke1": "#d1d1d1",
|
||||||
|
"colorNeutralStroke1Hover": "#c7c7c7",
|
||||||
|
"colorNeutralStroke1Pressed": "#b3b3b3",
|
||||||
|
"colorNeutralStroke1Selected": "#bdbdbd",
|
||||||
|
"colorNeutralStroke2": "#e0e0e0",
|
||||||
|
"colorNeutralStroke3": "#f0f0f0",
|
||||||
|
"colorNeutralStrokeAccessible": "#616161",
|
||||||
|
"colorNeutralStrokeAccessibleHover": "#575757",
|
||||||
|
"colorNeutralStrokeAccessiblePressed": "#4d4d4d",
|
||||||
|
"colorNeutralStrokeAccessibleSelected": "#117865",
|
||||||
|
"colorNeutralStrokeAlpha": "rgba(0, 0, 0, 0.05)",
|
||||||
|
"colorNeutralStrokeAlpha2": "rgba(255, 255, 255, 0.2)",
|
||||||
|
"colorNeutralStrokeDisabled": "#e0e0e0",
|
||||||
|
"colorNeutralStrokeInvertedDisabled": "rgba(255, 255, 255, 0.4)",
|
||||||
|
"colorNeutralStrokeOnBrand": "#ffffff",
|
||||||
|
"colorNeutralStrokeOnBrand2": "#ffffff",
|
||||||
|
"colorNeutralStrokeOnBrand2Hover": "#ffffff",
|
||||||
|
"colorNeutralStrokeOnBrand2Pressed": "#ffffff",
|
||||||
|
"colorNeutralStrokeOnBrand2Selected": "#ffffff",
|
||||||
|
"colorNeutralStrokeSubtle": "#e0e0e0",
|
||||||
|
"colorPaletteAnchorBackground2": "#bcc3c7",
|
||||||
|
"colorPaletteAnchorBorderActive": "#394146",
|
||||||
|
"colorPaletteAnchorForeground2": "#202427",
|
||||||
|
"colorPaletteBeigeBackground2": "#d7d4d4",
|
||||||
|
"colorPaletteBeigeBorderActive": "#7a7574",
|
||||||
|
"colorPaletteBeigeForeground2": "#444241",
|
||||||
|
"colorPaletteBerryBackground1": "#fdf5fc",
|
||||||
|
"colorPaletteBerryBackground2": "#edbbe7",
|
||||||
|
"colorPaletteBerryBackground3": "#c239b3",
|
||||||
|
"colorPaletteBerryBorder1": "#edbbe7",
|
||||||
|
"colorPaletteBerryBorder2": "#c239b3",
|
||||||
|
"colorPaletteBerryBorderActive": "#c239b3",
|
||||||
|
"colorPaletteBerryForeground1": "#af33a1",
|
||||||
|
"colorPaletteBerryForeground2": "#6d2064",
|
||||||
|
"colorPaletteBerryForeground3": "#c239b3",
|
||||||
|
"colorPaletteBlueBackground2": "#a9d3f2",
|
||||||
|
"colorPaletteBlueBorderActive": "#0078d4",
|
||||||
|
"colorPaletteBlueForeground2": "#004377",
|
||||||
|
"colorPaletteBrassBackground2": "#e0cea2",
|
||||||
|
"colorPaletteBrassBorderActive": "#986f0b",
|
||||||
|
"colorPaletteBrassForeground2": "#553e06",
|
||||||
|
"colorPaletteBrownBackground2": "#ddc3b0",
|
||||||
|
"colorPaletteBrownBorderActive": "#8e562e",
|
||||||
|
"colorPaletteBrownForeground2": "#50301a",
|
||||||
|
"colorPaletteCornflowerBackground2": "#c8d1fa",
|
||||||
|
"colorPaletteCornflowerBorderActive": "#4f6bed",
|
||||||
|
"colorPaletteCornflowerForeground2": "#2c3c85",
|
||||||
|
"colorPaletteCranberryBackground2": "#eeacb2",
|
||||||
|
"colorPaletteCranberryBorderActive": "#c50f1f",
|
||||||
|
"colorPaletteCranberryForeground2": "#6e0811",
|
||||||
|
"colorPaletteDarkGreenBackground2": "#9ad29a",
|
||||||
|
"colorPaletteDarkGreenBorderActive": "#0b6a0b",
|
||||||
|
"colorPaletteDarkGreenForeground2": "#063b06",
|
||||||
|
"colorPaletteDarkOrangeBackground1": "#fdf6f3",
|
||||||
|
"colorPaletteDarkOrangeBackground2": "#f4bfab",
|
||||||
|
"colorPaletteDarkOrangeBackground3": "#da3b01",
|
||||||
|
"colorPaletteDarkOrangeBorder1": "#f4bfab",
|
||||||
|
"colorPaletteDarkOrangeBorder2": "#da3b01",
|
||||||
|
"colorPaletteDarkOrangeBorderActive": "#da3b01",
|
||||||
|
"colorPaletteDarkOrangeForeground1": "#c43501",
|
||||||
|
"colorPaletteDarkOrangeForeground2": "#7a2101",
|
||||||
|
"colorPaletteDarkOrangeForeground3": "#da3b01",
|
||||||
|
"colorPaletteDarkRedBackground2": "#d69ca5",
|
||||||
|
"colorPaletteDarkRedBorderActive": "#750b1c",
|
||||||
|
"colorPaletteDarkRedForeground2": "#420610",
|
||||||
|
"colorPaletteForestBackground2": "#bdd99b",
|
||||||
|
"colorPaletteForestBorderActive": "#498205",
|
||||||
|
"colorPaletteForestForeground2": "#294903",
|
||||||
|
"colorPaletteGoldBackground2": "#ecdfa5",
|
||||||
|
"colorPaletteGoldBorderActive": "#c19c00",
|
||||||
|
"colorPaletteGoldForeground2": "#6c5700",
|
||||||
|
"colorPaletteGrapeBackground2": "#d9a7e0",
|
||||||
|
"colorPaletteGrapeBorderActive": "#881798",
|
||||||
|
"colorPaletteGrapeForeground2": "#4c0d55",
|
||||||
|
"colorPaletteGreenBackground1": "#f1faf1",
|
||||||
|
"colorPaletteGreenBackground2": "#9fd89f",
|
||||||
|
"colorPaletteGreenBackground3": "#107c10",
|
||||||
|
"colorPaletteGreenBorder1": "#9fd89f",
|
||||||
|
"colorPaletteGreenBorder2": "#107c10",
|
||||||
|
"colorPaletteGreenBorderActive": "#107c10",
|
||||||
|
"colorPaletteGreenForeground1": "#0e700e",
|
||||||
|
"colorPaletteGreenForeground2": "#094509",
|
||||||
|
"colorPaletteGreenForeground3": "#107c10",
|
||||||
|
"colorPaletteGreenForegroundInverted": "#359b35",
|
||||||
|
"colorPaletteLavenderBackground2": "#d2ccf8",
|
||||||
|
"colorPaletteLavenderBorderActive": "#7160e8",
|
||||||
|
"colorPaletteLavenderForeground2": "#3f3682",
|
||||||
|
"colorPaletteLightGreenBackground1": "#f2fbf2",
|
||||||
|
"colorPaletteLightGreenBackground2": "#a7e3a5",
|
||||||
|
"colorPaletteLightGreenBackground3": "#13a10e",
|
||||||
|
"colorPaletteLightGreenBorder1": "#a7e3a5",
|
||||||
|
"colorPaletteLightGreenBorder2": "#13a10e",
|
||||||
|
"colorPaletteLightGreenBorderActive": "#13a10e",
|
||||||
|
"colorPaletteLightGreenForeground1": "#11910d",
|
||||||
|
"colorPaletteLightGreenForeground2": "#0b5a08",
|
||||||
|
"colorPaletteLightGreenForeground3": "#13a10e",
|
||||||
|
"colorPaletteLightTealBackground2": "#a6e9ed",
|
||||||
|
"colorPaletteLightTealBorderActive": "#00b7c3",
|
||||||
|
"colorPaletteLightTealForeground2": "#00666d",
|
||||||
|
"colorPaletteLilacBackground2": "#e6bfed",
|
||||||
|
"colorPaletteLilacBorderActive": "#b146c2",
|
||||||
|
"colorPaletteLilacForeground2": "#63276d",
|
||||||
|
"colorPaletteMagentaBackground2": "#eca5d1",
|
||||||
|
"colorPaletteMagentaBorderActive": "#bf0077",
|
||||||
|
"colorPaletteMagentaForeground2": "#6b0043",
|
||||||
|
"colorPaletteMarigoldBackground1": "#fefbf4",
|
||||||
|
"colorPaletteMarigoldBackground2": "#f9e2ae",
|
||||||
|
"colorPaletteMarigoldBackground3": "#eaa300",
|
||||||
|
"colorPaletteMarigoldBorder1": "#f9e2ae",
|
||||||
|
"colorPaletteMarigoldBorder2": "#eaa300",
|
||||||
|
"colorPaletteMarigoldBorderActive": "#eaa300",
|
||||||
|
"colorPaletteMarigoldForeground1": "#d39300",
|
||||||
|
"colorPaletteMarigoldForeground2": "#835b00",
|
||||||
|
"colorPaletteMarigoldForeground3": "#eaa300",
|
||||||
|
"colorPaletteMinkBackground2": "#cecccb",
|
||||||
|
"colorPaletteMinkBorderActive": "#5d5a58",
|
||||||
|
"colorPaletteMinkForeground2": "#343231",
|
||||||
|
"colorPaletteNavyBackground2": "#a3b2e8",
|
||||||
|
"colorPaletteNavyBorderActive": "#0027b4",
|
||||||
|
"colorPaletteNavyForeground2": "#001665",
|
||||||
|
"colorPalettePeachBackground2": "#ffddb3",
|
||||||
|
"colorPalettePeachBorderActive": "#ff8c00",
|
||||||
|
"colorPalettePeachForeground2": "#8f4e00",
|
||||||
|
"colorPalettePinkBackground2": "#f7c0e3",
|
||||||
|
"colorPalettePinkBorderActive": "#e43ba6",
|
||||||
|
"colorPalettePinkForeground2": "#80215d",
|
||||||
|
"colorPalettePlatinumBackground2": "#cdd6d8",
|
||||||
|
"colorPalettePlatinumBorderActive": "#69797e",
|
||||||
|
"colorPalettePlatinumForeground2": "#3b4447",
|
||||||
|
"colorPalettePlumBackground2": "#d696c0",
|
||||||
|
"colorPalettePlumBorderActive": "#77004d",
|
||||||
|
"colorPalettePlumForeground2": "#43002b",
|
||||||
|
"colorPalettePumpkinBackground2": "#efc4ad",
|
||||||
|
"colorPalettePumpkinBorderActive": "#ca5010",
|
||||||
|
"colorPalettePumpkinForeground2": "#712d09",
|
||||||
|
"colorPalettePurpleBackground2": "#c6b1de",
|
||||||
|
"colorPalettePurpleBorderActive": "#5c2e91",
|
||||||
|
"colorPalettePurpleForeground2": "#341a51",
|
||||||
|
"colorPaletteRedBackground1": "#fdf6f6",
|
||||||
|
"colorPaletteRedBackground2": "#f1bbbc",
|
||||||
|
"colorPaletteRedBackground3": "#d13438",
|
||||||
|
"colorPaletteRedBorder1": "#f1bbbc",
|
||||||
|
"colorPaletteRedBorder2": "#d13438",
|
||||||
|
"colorPaletteRedBorderActive": "#d13438",
|
||||||
|
"colorPaletteRedForeground1": "#bc2f32",
|
||||||
|
"colorPaletteRedForeground2": "#751d1f",
|
||||||
|
"colorPaletteRedForeground3": "#d13438",
|
||||||
|
"colorPaletteRedForegroundInverted": "#dc5e62",
|
||||||
|
"colorPaletteRoyalBlueBackground2": "#9abfdc",
|
||||||
|
"colorPaletteRoyalBlueBorderActive": "#004e8c",
|
||||||
|
"colorPaletteRoyalBlueForeground2": "#002c4e",
|
||||||
|
"colorPaletteSeafoamBackground2": "#a8f0cd",
|
||||||
|
"colorPaletteSeafoamBorderActive": "#00cc6a",
|
||||||
|
"colorPaletteSeafoamForeground2": "#00723b",
|
||||||
|
"colorPaletteSteelBackground2": "#94c8d4",
|
||||||
|
"colorPaletteSteelBorderActive": "#005b70",
|
||||||
|
"colorPaletteSteelForeground2": "#00333f",
|
||||||
|
"colorPaletteTealBackground2": "#9bd9db",
|
||||||
|
"colorPaletteTealBorderActive": "#038387",
|
||||||
|
"colorPaletteTealForeground2": "#02494c",
|
||||||
|
"colorPaletteYellowBackground1": "#fffef5",
|
||||||
|
"colorPaletteYellowBackground2": "#fef7b2",
|
||||||
|
"colorPaletteYellowBackground3": "#fde300",
|
||||||
|
"colorPaletteYellowBorder1": "#fef7b2",
|
||||||
|
"colorPaletteYellowBorder2": "#fde300",
|
||||||
|
"colorPaletteYellowBorderActive": "#fde300",
|
||||||
|
"colorPaletteYellowForeground1": "#817400",
|
||||||
|
"colorPaletteYellowForeground2": "#817400",
|
||||||
|
"colorPaletteYellowForeground3": "#fde300",
|
||||||
|
"colorPaletteYellowForegroundInverted": "#fef7b2",
|
||||||
|
"colorScrollbarOverlay": "rgba(0, 0, 0, 0.5)",
|
||||||
|
"colorStatusDangerBackground1": "#fdf3f4",
|
||||||
|
"colorStatusDangerBackground2": "#eeacb2",
|
||||||
|
"colorStatusDangerBackground3": "#c50f1f",
|
||||||
|
"colorStatusDangerBorder1": "#eeacb2",
|
||||||
|
"colorStatusDangerBorder2": "#c50f1f",
|
||||||
|
"colorStatusDangerBorderActive": "#c50f1f",
|
||||||
|
"colorStatusDangerForeground1": "#b10e1c",
|
||||||
|
"colorStatusDangerForeground2": "#6e0811",
|
||||||
|
"colorStatusDangerForeground3": "#c50f1f",
|
||||||
|
"colorStatusDangerForegroundInverted": "#dc626d",
|
||||||
|
"colorStatusSuccessBackground1": "#f1faf1",
|
||||||
|
"colorStatusSuccessBackground2": "#9fd89f",
|
||||||
|
"colorStatusSuccessBackground3": "#107c10",
|
||||||
|
"colorStatusSuccessBorder1": "#9fd89f",
|
||||||
|
"colorStatusSuccessBorder2": "#107c10",
|
||||||
|
"colorStatusSuccessBorderActive": "#107c10",
|
||||||
|
"colorStatusSuccessForeground1": "#0e700e",
|
||||||
|
"colorStatusSuccessForeground2": "#094509",
|
||||||
|
"colorStatusSuccessForeground3": "#107c10",
|
||||||
|
"colorStatusSuccessForegroundInverted": "#54b054",
|
||||||
|
"colorStatusWarningBackground1": "#fff9f5",
|
||||||
|
"colorStatusWarningBackground2": "#fdcfb4",
|
||||||
|
"colorStatusWarningBackground3": "#f7630c",
|
||||||
|
"colorStatusWarningBorder1": "#fdcfb4",
|
||||||
|
"colorStatusWarningBorder2": "#bc4b09",
|
||||||
|
"colorStatusWarningBorderActive": "#f7630c",
|
||||||
|
"colorStatusWarningForeground1": "#bc4b09",
|
||||||
|
"colorStatusWarningForeground2": "#8a3707",
|
||||||
|
"colorStatusWarningForeground3": "#bc4b09",
|
||||||
|
"colorStatusWarningForegroundInverted": "#faa06b",
|
||||||
|
"colorStrokeFocus1": "#ffffff",
|
||||||
|
"colorStrokeFocus2": "#000000",
|
||||||
|
"colorSubtleBackground": "transparent",
|
||||||
|
"colorSubtleBackgroundHover": "#f5f5f5",
|
||||||
|
"colorSubtleBackgroundInverted": "transparent",
|
||||||
|
"colorSubtleBackgroundInvertedHover": "rgba(0, 0, 0, 0.1)",
|
||||||
|
"colorSubtleBackgroundInvertedPressed": "rgba(0, 0, 0, 0.3)",
|
||||||
|
"colorSubtleBackgroundInvertedSelected": "rgba(0, 0, 0, 0.2)",
|
||||||
|
"colorSubtleBackgroundLightAlphaHover": "rgba(255, 255, 255, 0.7)",
|
||||||
|
"colorSubtleBackgroundLightAlphaPressed": "rgba(255, 255, 255, 0.5)",
|
||||||
|
"colorSubtleBackgroundLightAlphaSelected": "transparent",
|
||||||
|
"colorSubtleBackgroundPressed": "#e0e0e0",
|
||||||
|
"colorSubtleBackgroundSelected": "#ebebeb",
|
||||||
|
"colorTransparentBackground": "transparent",
|
||||||
|
"colorTransparentBackgroundHover": "transparent",
|
||||||
|
"colorTransparentBackgroundPressed": "transparent",
|
||||||
|
"colorTransparentBackgroundSelected": "transparent",
|
||||||
|
"colorTransparentStroke": "transparent",
|
||||||
|
"colorTransparentStrokeDisabled": "transparent",
|
||||||
|
"colorTransparentStrokeInteractive": "transparent",
|
||||||
|
"curveAccelerateMax": "cubic-bezier(0.9,0.1,1,0.2)",
|
||||||
|
"curveAccelerateMid": "cubic-bezier(1,0,1,1)",
|
||||||
|
"curveAccelerateMin": "cubic-bezier(0.8,0,0.78,1)",
|
||||||
|
"curveDecelerateMax": "cubic-bezier(0.1,0.9,0.2,1)",
|
||||||
|
"curveDecelerateMid": "cubic-bezier(0,0,0,1)",
|
||||||
|
"curveDecelerateMin": "cubic-bezier(0.33,0,0.1,1)",
|
||||||
|
"curveEasyEase": "cubic-bezier(0.33,0,0.67,1)",
|
||||||
|
"curveEasyEaseMax": "cubic-bezier(0.8,0,0.2,1)",
|
||||||
|
"curveLinear": "cubic-bezier(0,0,1,1)",
|
||||||
|
"durationFast": "150ms",
|
||||||
|
"durationFaster": "100ms",
|
||||||
|
"durationGentle": "250ms",
|
||||||
|
"durationNormal": "200ms",
|
||||||
|
"durationSlow": "300ms",
|
||||||
|
"durationSlower": "400ms",
|
||||||
|
"durationUltraFast": "50ms",
|
||||||
|
"durationUltraSlow": "500ms",
|
||||||
|
"fontFamilyBase": "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
|
||||||
|
"fontFamilyMonospace": "Consolas, 'Courier New', Courier, monospace",
|
||||||
|
"fontFamilyNumeric": "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
|
||||||
|
"fontSizeBase100": "10px",
|
||||||
|
"fontSizeBase200": "12px",
|
||||||
|
"fontSizeBase300": "14px",
|
||||||
|
"fontSizeBase400": "16px",
|
||||||
|
"fontSizeBase500": "20px",
|
||||||
|
"fontSizeBase600": "24px",
|
||||||
|
"fontSizeHero1000": "68px",
|
||||||
|
"fontSizeHero700": "28px",
|
||||||
|
"fontSizeHero800": "32px",
|
||||||
|
"fontSizeHero900": "40px",
|
||||||
|
"fontWeightBold": 700,
|
||||||
|
"fontWeightMedium": 500,
|
||||||
|
"fontWeightRegular": 400,
|
||||||
|
"fontWeightSemibold": 600,
|
||||||
|
"lineHeightBase100": "14px",
|
||||||
|
"lineHeightBase200": "16px",
|
||||||
|
"lineHeightBase300": "20px",
|
||||||
|
"lineHeightBase400": "22px",
|
||||||
|
"lineHeightBase500": "28px",
|
||||||
|
"lineHeightBase600": "32px",
|
||||||
|
"lineHeightHero1000": "92px",
|
||||||
|
"lineHeightHero700": "36px",
|
||||||
|
"lineHeightHero800": "40px",
|
||||||
|
"lineHeightHero900": "52px",
|
||||||
|
"shadow16": "0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14)",
|
||||||
|
"shadow16Brand": "0 0 2px rgba(0,0,0,0.30), 0 8px 16px rgba(0,0,0,0.25)",
|
||||||
|
"shadow2": "0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)",
|
||||||
|
"shadow28": "0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14)",
|
||||||
|
"shadow28Brand": "0 0 8px rgba(0,0,0,0.30), 0 14px 28px rgba(0,0,0,0.25)",
|
||||||
|
"shadow2Brand": "0 0 2px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.25)",
|
||||||
|
"shadow4": "0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14)",
|
||||||
|
"shadow4Brand": "0 0 2px rgba(0,0,0,0.30), 0 2px 4px rgba(0,0,0,0.25)",
|
||||||
|
"shadow64": "0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14)",
|
||||||
|
"shadow64Brand": "0 0 8px rgba(0,0,0,0.30), 0 32px 64px rgba(0,0,0,0.25)",
|
||||||
|
"shadow8": "0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14)",
|
||||||
|
"shadow8Brand": "0 0 2px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.25)",
|
||||||
|
"spacingHorizontalL": "16px",
|
||||||
|
"spacingHorizontalM": "12px",
|
||||||
|
"spacingHorizontalMNudge": "10px",
|
||||||
|
"spacingHorizontalNone": "0",
|
||||||
|
"spacingHorizontalS": "8px",
|
||||||
|
"spacingHorizontalSNudge": "6px",
|
||||||
|
"spacingHorizontalXL": "20px",
|
||||||
|
"spacingHorizontalXS": "4px",
|
||||||
|
"spacingHorizontalXXL": "24px",
|
||||||
|
"spacingHorizontalXXS": "2px",
|
||||||
|
"spacingHorizontalXXXL": "32px",
|
||||||
|
"spacingVerticalL": "16px",
|
||||||
|
"spacingVerticalM": "12px",
|
||||||
|
"spacingVerticalMNudge": "10px",
|
||||||
|
"spacingVerticalNone": "0",
|
||||||
|
"spacingVerticalS": "8px",
|
||||||
|
"spacingVerticalSNudge": "6px",
|
||||||
|
"spacingVerticalXL": "20px",
|
||||||
|
"spacingVerticalXS": "4px",
|
||||||
|
"spacingVerticalXXL": "24px",
|
||||||
|
"spacingVerticalXXS": "2px",
|
||||||
|
"spacingVerticalXXXL": "32px",
|
||||||
|
"strokeWidthThick": "2px",
|
||||||
|
"strokeWidthThicker": "3px",
|
||||||
|
"strokeWidthThickest": "4px",
|
||||||
|
"strokeWidthThin": "1px",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="tab-pane active documentsTab"
|
||||||
|
role="tabpanel"
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"display": "flex",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="filterdivs"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="filterDocCollapsed"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
className="selectQuery"
|
||||||
|
>
|
||||||
|
SELECT * FROM c
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
className="appliedQuery"
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
appearance="primary"
|
||||||
|
onClick={[Function]}
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"marginLeft": 8,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>
|
||||||
|
Edit Filter
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"height": "100%",
|
||||||
|
"overflow": "hidden",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<Split
|
||||||
|
mode="horizontal"
|
||||||
|
prefixCls="w-split"
|
||||||
|
visiable={true}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"minWidth": 120,
|
||||||
|
"overflow": "hidden",
|
||||||
|
"position": "relative",
|
||||||
|
"width": "35%",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<Button
|
||||||
|
appearance="transparent"
|
||||||
|
aria-label="Refresh"
|
||||||
|
icon={<ArrowClockwise16Filled />}
|
||||||
|
onClick={[Function]}
|
||||||
|
onKeyDown={[Function]}
|
||||||
|
size="small"
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"backgroundColor": "white",
|
||||||
|
"color": undefined,
|
||||||
|
"float": "right",
|
||||||
|
"position": "absolute",
|
||||||
|
"right": 0,
|
||||||
|
"top": 6,
|
||||||
|
"zIndex": 1,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"height": "100%",
|
||||||
|
"width": "calc(100% - 50px)",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<DocumentsTableComponent
|
||||||
|
columnHeaders={
|
||||||
|
Object {
|
||||||
|
"idHeader": "id",
|
||||||
|
"partitionKeyHeaders": Array [],
|
||||||
|
}
|
||||||
|
}
|
||||||
|
items={Array []}
|
||||||
|
onItemClicked={[Function]}
|
||||||
|
onSelectedRowsChange={[Function]}
|
||||||
|
selectedRows={
|
||||||
|
Set {
|
||||||
|
0,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"minWidth": "20%",
|
||||||
|
"width": "100%",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Split>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</FluentProvider>
|
||||||
|
`;
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user