mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2026-01-08 03:57:31 +00:00
49bf8c60db
* added recursion and inition decorators * working version * added todo comment and removed console.log * Added Recursive add * removed type requirement * proper resolution of promises * added custom element and base class * Made selfServe standalone page * Added custom renderer as async type * Added overall defaults * added inital open from data explorer * removed landingpage * added feature for self serve type * renamed sqlx->example and added invalid type * Added comments for Example * removed unnecessary changes * Resolved PR comments Added tests Moved onSubmt and initialize inside base class Moved testExplorer to separate folder made fields of SelfServe Class non static * fixed lint errors * fixed compilation errors * Removed reactbinding changes * renamed dropdown -> choice * Added SelfServeComponent * Addressed PR comments * added toggle, visibility, text display,commandbar * added sqlx example * added onRefrssh * formatting changes * rmoved radioswitch display * updated smartui tests * Added more tests * onSubmit -> onSave * Resolved PR comments
887 lines
22 KiB
Plaintext
887 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`SelfServeComponent message bar and spinner snapshots 1`] = `
|
|
<div
|
|
style={
|
|
Object {
|
|
"overflowX": "auto",
|
|
}
|
|
}
|
|
>
|
|
<Stack
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"padding": 10,
|
|
},
|
|
}
|
|
}
|
|
tokens={
|
|
Object {
|
|
"childrenGap": 5,
|
|
}
|
|
}
|
|
>
|
|
<StyledCommandBarBase
|
|
items={
|
|
Array [
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Save",
|
|
},
|
|
"key": "save",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Save",
|
|
},
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Undo",
|
|
},
|
|
"key": "discard",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Discard",
|
|
},
|
|
Object {
|
|
"disabled": false,
|
|
"iconProps": Object {
|
|
"iconName": "Refresh",
|
|
},
|
|
"key": "refresh",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Refresh",
|
|
},
|
|
]
|
|
}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"paddingLeft": 0,
|
|
},
|
|
}
|
|
}
|
|
/>
|
|
<StyledMessageBarBase
|
|
messageBarType={0}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"width": 400,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
refresh performed successfully
|
|
</StyledMessageBarBase>
|
|
<StyledMessageBarBase
|
|
messageBarType={0}
|
|
onDismiss={[Function]}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"width": 400,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
submitted successfully
|
|
</StyledMessageBarBase>
|
|
<SmartUiComponent
|
|
currentValues={
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
}
|
|
}
|
|
descriptor={
|
|
Object {
|
|
"initialize": [MockFunction] {
|
|
"calls": Array [
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"inputNames": Array [
|
|
"throughput",
|
|
"analyticalStore",
|
|
"database",
|
|
],
|
|
"onRefresh": [MockFunction] {
|
|
"calls": Array [
|
|
Array [],
|
|
Array [],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"onSave": [MockFunction] {
|
|
"calls": Array [
|
|
Array [
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
},
|
|
],
|
|
Array [
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
},
|
|
],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"root": Object {
|
|
"children": Array [
|
|
Object {
|
|
"id": "throughput",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "throughput",
|
|
"defaultValue": 400,
|
|
"label": "Throughput (input)",
|
|
"max": 500,
|
|
"min": 400,
|
|
"placeholder": undefined,
|
|
"step": 10,
|
|
"type": "number",
|
|
"uiType": "Spinner",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "containerId",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "containerId",
|
|
"label": "Container id",
|
|
"placeholder": undefined,
|
|
"type": "string",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "analyticalStore",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "analyticalStore",
|
|
"defaultValue": true,
|
|
"falseLabel": "Disabled",
|
|
"label": "Analytical Store",
|
|
"placeholder": undefined,
|
|
"trueLabel": "Enabled",
|
|
"type": "boolean",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "database",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"choices": Array [
|
|
Object {
|
|
"key": "db1",
|
|
"label": "Database 1",
|
|
},
|
|
Object {
|
|
"key": "db2",
|
|
"label": "Database 2",
|
|
},
|
|
Object {
|
|
"key": "db3",
|
|
"label": "Database 3",
|
|
},
|
|
],
|
|
"dataFieldName": "database",
|
|
"defaultKey": "db2",
|
|
"label": "Database",
|
|
"placeholder": undefined,
|
|
"type": "object",
|
|
},
|
|
},
|
|
],
|
|
"id": "root",
|
|
"info": Object {
|
|
"link": Object {
|
|
"href": "https://aka.ms/azure-cosmos-db-pricing",
|
|
"text": "More Details",
|
|
},
|
|
"message": "Start at $24/mo per database",
|
|
},
|
|
},
|
|
}
|
|
}
|
|
disabled={true}
|
|
onError={[Function]}
|
|
onInputChange={[Function]}
|
|
/>
|
|
</Stack>
|
|
</div>
|
|
`;
|
|
|
|
exports[`SelfServeComponent message bar and spinner snapshots 2`] = `
|
|
<div
|
|
style={
|
|
Object {
|
|
"overflowX": "auto",
|
|
}
|
|
}
|
|
>
|
|
<Stack
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"padding": 10,
|
|
},
|
|
}
|
|
}
|
|
tokens={
|
|
Object {
|
|
"childrenGap": 5,
|
|
}
|
|
}
|
|
>
|
|
<StyledCommandBarBase
|
|
items={
|
|
Array [
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Save",
|
|
},
|
|
"key": "save",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Save",
|
|
},
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Undo",
|
|
},
|
|
"key": "discard",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Discard",
|
|
},
|
|
Object {
|
|
"disabled": false,
|
|
"iconProps": Object {
|
|
"iconName": "Refresh",
|
|
},
|
|
"key": "refresh",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Refresh",
|
|
},
|
|
]
|
|
}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"paddingLeft": 0,
|
|
},
|
|
}
|
|
}
|
|
/>
|
|
<StyledMessageBarBase
|
|
messageBarType={0}
|
|
onDismiss={[Function]}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"width": 400,
|
|
},
|
|
}
|
|
}
|
|
>
|
|
submitted successfully
|
|
</StyledMessageBarBase>
|
|
<SmartUiComponent
|
|
currentValues={
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
}
|
|
}
|
|
descriptor={
|
|
Object {
|
|
"initialize": [MockFunction] {
|
|
"calls": Array [
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"inputNames": Array [
|
|
"throughput",
|
|
"analyticalStore",
|
|
"database",
|
|
],
|
|
"onRefresh": [MockFunction] {
|
|
"calls": Array [
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
Array [],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"onSave": [MockFunction] {
|
|
"calls": Array [
|
|
Array [
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
},
|
|
],
|
|
Array [
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
},
|
|
],
|
|
Array [
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
},
|
|
],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"root": Object {
|
|
"children": Array [
|
|
Object {
|
|
"id": "throughput",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "throughput",
|
|
"defaultValue": 400,
|
|
"label": "Throughput (input)",
|
|
"max": 500,
|
|
"min": 400,
|
|
"placeholder": undefined,
|
|
"step": 10,
|
|
"type": "number",
|
|
"uiType": "Spinner",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "containerId",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "containerId",
|
|
"label": "Container id",
|
|
"placeholder": undefined,
|
|
"type": "string",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "analyticalStore",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "analyticalStore",
|
|
"defaultValue": true,
|
|
"falseLabel": "Disabled",
|
|
"label": "Analytical Store",
|
|
"placeholder": undefined,
|
|
"trueLabel": "Enabled",
|
|
"type": "boolean",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "database",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"choices": Array [
|
|
Object {
|
|
"key": "db1",
|
|
"label": "Database 1",
|
|
},
|
|
Object {
|
|
"key": "db2",
|
|
"label": "Database 2",
|
|
},
|
|
Object {
|
|
"key": "db3",
|
|
"label": "Database 3",
|
|
},
|
|
],
|
|
"dataFieldName": "database",
|
|
"defaultKey": "db2",
|
|
"label": "Database",
|
|
"placeholder": undefined,
|
|
"type": "object",
|
|
},
|
|
},
|
|
],
|
|
"id": "root",
|
|
"info": Object {
|
|
"link": Object {
|
|
"href": "https://aka.ms/azure-cosmos-db-pricing",
|
|
"text": "More Details",
|
|
},
|
|
"message": "Start at $24/mo per database",
|
|
},
|
|
},
|
|
}
|
|
}
|
|
disabled={false}
|
|
onError={[Function]}
|
|
onInputChange={[Function]}
|
|
/>
|
|
</Stack>
|
|
</div>
|
|
`;
|
|
|
|
exports[`SelfServeComponent message bar and spinner snapshots 3`] = `
|
|
<div
|
|
style={
|
|
Object {
|
|
"overflowX": "auto",
|
|
}
|
|
}
|
|
>
|
|
<Stack
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"padding": 10,
|
|
},
|
|
}
|
|
}
|
|
tokens={
|
|
Object {
|
|
"childrenGap": 5,
|
|
}
|
|
}
|
|
>
|
|
<StyledCommandBarBase
|
|
items={
|
|
Array [
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Save",
|
|
},
|
|
"key": "save",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Save",
|
|
},
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Undo",
|
|
},
|
|
"key": "discard",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Discard",
|
|
},
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Refresh",
|
|
},
|
|
"key": "refresh",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Refresh",
|
|
},
|
|
]
|
|
}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"paddingLeft": 0,
|
|
},
|
|
}
|
|
}
|
|
/>
|
|
<StyledSpinnerBase
|
|
size={3}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"height": "100%",
|
|
"justifyContent": "center",
|
|
"textAlign": "center",
|
|
"width": "100%",
|
|
},
|
|
}
|
|
}
|
|
/>
|
|
</Stack>
|
|
</div>
|
|
`;
|
|
|
|
exports[`SelfServeComponent message bar and spinner snapshots 4`] = `
|
|
<StyledMessageBarBase
|
|
messageBarType={1}
|
|
>
|
|
sample error message
|
|
</StyledMessageBarBase>
|
|
`;
|
|
|
|
exports[`SelfServeComponent should render and honor save, discard, refresh actions 1`] = `
|
|
<div
|
|
style={
|
|
Object {
|
|
"overflowX": "auto",
|
|
}
|
|
}
|
|
>
|
|
<Stack
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"padding": 10,
|
|
},
|
|
}
|
|
}
|
|
tokens={
|
|
Object {
|
|
"childrenGap": 5,
|
|
}
|
|
}
|
|
>
|
|
<StyledCommandBarBase
|
|
items={
|
|
Array [
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Save",
|
|
},
|
|
"key": "save",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Save",
|
|
},
|
|
Object {
|
|
"disabled": true,
|
|
"iconProps": Object {
|
|
"iconName": "Undo",
|
|
},
|
|
"key": "discard",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Discard",
|
|
},
|
|
Object {
|
|
"disabled": false,
|
|
"iconProps": Object {
|
|
"iconName": "Refresh",
|
|
},
|
|
"key": "refresh",
|
|
"onClick": [Function],
|
|
"split": true,
|
|
"text": "Refresh",
|
|
},
|
|
]
|
|
}
|
|
styles={
|
|
Object {
|
|
"root": Object {
|
|
"paddingLeft": 0,
|
|
},
|
|
}
|
|
}
|
|
/>
|
|
<SmartUiComponent
|
|
currentValues={
|
|
Map {
|
|
"throughput" => Object {
|
|
"value": 450,
|
|
},
|
|
"analyticalStore" => Object {
|
|
"value": false,
|
|
},
|
|
"database" => Object {
|
|
"value": "db2",
|
|
},
|
|
}
|
|
}
|
|
descriptor={
|
|
Object {
|
|
"initialize": [MockFunction] {
|
|
"calls": Array [
|
|
Array [],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"inputNames": Array [
|
|
"throughput",
|
|
"analyticalStore",
|
|
"database",
|
|
],
|
|
"onRefresh": [MockFunction] {
|
|
"calls": Array [
|
|
Array [],
|
|
],
|
|
"results": Array [
|
|
Object {
|
|
"type": "return",
|
|
"value": Promise {},
|
|
},
|
|
],
|
|
},
|
|
"onSave": [MockFunction],
|
|
"root": Object {
|
|
"children": Array [
|
|
Object {
|
|
"id": "throughput",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "throughput",
|
|
"defaultValue": 400,
|
|
"label": "Throughput (input)",
|
|
"max": 500,
|
|
"min": 400,
|
|
"placeholder": undefined,
|
|
"step": 10,
|
|
"type": "number",
|
|
"uiType": "Spinner",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "containerId",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "containerId",
|
|
"label": "Container id",
|
|
"placeholder": undefined,
|
|
"type": "string",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "analyticalStore",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"dataFieldName": "analyticalStore",
|
|
"defaultValue": true,
|
|
"falseLabel": "Disabled",
|
|
"label": "Analytical Store",
|
|
"placeholder": undefined,
|
|
"trueLabel": "Enabled",
|
|
"type": "boolean",
|
|
},
|
|
},
|
|
Object {
|
|
"id": "database",
|
|
"info": undefined,
|
|
"input": Object {
|
|
"choices": Array [
|
|
Object {
|
|
"key": "db1",
|
|
"label": "Database 1",
|
|
},
|
|
Object {
|
|
"key": "db2",
|
|
"label": "Database 2",
|
|
},
|
|
Object {
|
|
"key": "db3",
|
|
"label": "Database 3",
|
|
},
|
|
],
|
|
"dataFieldName": "database",
|
|
"defaultKey": "db2",
|
|
"label": "Database",
|
|
"placeholder": undefined,
|
|
"type": "object",
|
|
},
|
|
},
|
|
],
|
|
"id": "root",
|
|
"info": Object {
|
|
"link": Object {
|
|
"href": "https://aka.ms/azure-cosmos-db-pricing",
|
|
"text": "More Details",
|
|
},
|
|
"message": "Start at $24/mo per database",
|
|
},
|
|
},
|
|
}
|
|
}
|
|
disabled={false}
|
|
onError={[Function]}
|
|
onInputChange={[Function]}
|
|
/>
|
|
</Stack>
|
|
</div>
|
|
`;
|