mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-30 06:11:38 +00:00
27024ef75c
* Add generic component * Add validation. Rename to widgetRenderer * Remove test code from splash screen * Clean up infobox * Fix styling/layout * Move test code into unit test * Replace <input> and <labe> by <TextField> and <Text> respectively. Fix style. * Replace InfoBoxComponent with UI fabric MessageBar. Fix styling for TextField * Use MessageBar for error message * Rename WdigetRendererComponent to SmartUiComponent
89 lines
2.3 KiB
TypeScript
89 lines
2.3 KiB
TypeScript
import React from "react";
|
|
import { shallow } from "enzyme";
|
|
import { SmartUiComponent, Descriptor, InputType } from "./SmartUiComponent";
|
|
|
|
describe("SmartUiComponent", () => {
|
|
const exampleData: Descriptor = {
|
|
root: {
|
|
id: "root",
|
|
info: {
|
|
message: "Start at $24/mo per database",
|
|
link: {
|
|
href: "https://aka.ms/azure-cosmos-db-pricing",
|
|
text: "More Details"
|
|
}
|
|
},
|
|
children: [
|
|
{
|
|
id: "throughput",
|
|
input: {
|
|
label: "Throughput (input)",
|
|
dataFieldName: "throughput",
|
|
type: "number",
|
|
min: 400,
|
|
max: 500,
|
|
step: 10,
|
|
defaultValue: 400,
|
|
inputType: "spin"
|
|
}
|
|
},
|
|
{
|
|
id: "throughput2",
|
|
input: {
|
|
label: "Throughput (Slider)",
|
|
dataFieldName: "throughput2",
|
|
type: "number",
|
|
min: 400,
|
|
max: 500,
|
|
step: 10,
|
|
defaultValue: 400,
|
|
inputType: "slider"
|
|
}
|
|
},
|
|
{
|
|
id: "containerId",
|
|
input: {
|
|
label: "Container id",
|
|
dataFieldName: "containerId",
|
|
type: "string"
|
|
}
|
|
},
|
|
{
|
|
id: "analyticalStore",
|
|
input: {
|
|
label: "Analytical Store",
|
|
trueLabel: "Enabled",
|
|
falseLabel: "Disabled",
|
|
defaultValue: true,
|
|
dataFieldName: "analyticalStore",
|
|
type: "boolean"
|
|
}
|
|
},
|
|
{
|
|
id: "database",
|
|
input: {
|
|
label: "Database",
|
|
dataFieldName: "database",
|
|
type: "enum",
|
|
choices: [
|
|
{ label: "Database 1", key: "db1", value: "database1" },
|
|
{ label: "Database 2", key: "db2", value: "database2" },
|
|
{ label: "Database 3", key: "db3", value: "database3" }
|
|
],
|
|
defaultKey: "db2"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
const exampleCallbacks = (newValues: Map<string, InputType>): void => {
|
|
console.log("New values:", newValues);
|
|
};
|
|
|
|
it("should render", () => {
|
|
const wrapper = shallow(<SmartUiComponent descriptor={exampleData} onChange={exampleCallbacks} />);
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
});
|