mirror of
https://github.com/gradio-app/gradio.git
synced 2025-04-06 12:30:29 +08:00
Integration tests (#1182)
* some integration tests * more integration tests * more tests * update integration tests * format
This commit is contained in:
Dawood Khan
GitHub
parent
d117ad0049
commit
2eaf61cf76
88
blocks_inputs
Normal file
88
blocks_inputs
Normal file
@ -0,0 +1,88 @@
|
||||
{
|
||||
"mode": "blocks",
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 5,
|
||||
"max_lines": 20,
|
||||
"default_value": "",
|
||||
"label": "Input",
|
||||
"show_label": true,
|
||||
"name": "textbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"max_lines": 20,
|
||||
"default_value": "",
|
||||
"label": "Output",
|
||||
"show_label": true,
|
||||
"name": "textbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"max_lines": 20,
|
||||
"default_value": "Hello friends\nhello friends\n\nHello friends\n\n",
|
||||
"label": "Output",
|
||||
"show_label": true,
|
||||
"name": "textbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"default_value": "Submit",
|
||||
"name": "button",
|
||||
"css": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
{
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"id": 4
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [
|
||||
4
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
1
|
||||
],
|
||||
"outputs": [
|
||||
2
|
||||
],
|
||||
"status_tracker": null,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
291
blocks_xray
Normal file
291
blocks_xray
Normal file
@ -0,0 +1,291 @@
|
||||
{
|
||||
"mode": "blocks",
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
"type": "markdown",
|
||||
"props": {
|
||||
"default_value": "<h1>Detect Disease From Scan</h1>\n<p>With this model you can lorem ipsum</p>\n<ul>\n<li>ipsum 1</li>\n<li>ipsum 2</li>\n</ul>\n",
|
||||
"name": "markdown",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "checkboxgroup",
|
||||
"props": {
|
||||
"choices": [
|
||||
"Covid",
|
||||
"Malaria",
|
||||
"Lung Cancer"
|
||||
],
|
||||
"default_value": [],
|
||||
"label": "Disease to Scan For",
|
||||
"show_label": true,
|
||||
"name": "checkboxgroup",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "tabs",
|
||||
"props": {
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "tabitem",
|
||||
"props": {
|
||||
"label": "X-ray",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"type": "row",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"type": "image",
|
||||
"props": {
|
||||
"image_mode": "RGB",
|
||||
"source": "upload",
|
||||
"tool": "editor",
|
||||
"show_label": true,
|
||||
"name": "image",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"type": "json",
|
||||
"props": {
|
||||
"default_value": "\"\"",
|
||||
"show_label": true,
|
||||
"name": "json",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"type": "statustracker",
|
||||
"props": {
|
||||
"cover_container": true,
|
||||
"name": "statustracker",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"type": "tabitem",
|
||||
"props": {
|
||||
"label": "CT Scan",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"type": "row",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"type": "image",
|
||||
"props": {
|
||||
"image_mode": "RGB",
|
||||
"source": "upload",
|
||||
"tool": "editor",
|
||||
"show_label": true,
|
||||
"name": "image",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"type": "json",
|
||||
"props": {
|
||||
"default_value": "\"\"",
|
||||
"show_label": true,
|
||||
"name": "json",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"type": "statustracker",
|
||||
"props": {
|
||||
"cover_container": true,
|
||||
"name": "statustracker",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"default_value": "Upload Results",
|
||||
"name": "button",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 17,
|
||||
"type": "statustracker",
|
||||
"props": {
|
||||
"cover_container": false,
|
||||
"name": "statustracker",
|
||||
"css": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
{
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"children": [
|
||||
{
|
||||
"id": 4,
|
||||
"children": [
|
||||
{
|
||||
"id": 5,
|
||||
"children": [
|
||||
{
|
||||
"id": 6
|
||||
},
|
||||
{
|
||||
"id": 7
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 8
|
||||
},
|
||||
{
|
||||
"id": 9
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"children": [
|
||||
{
|
||||
"id": 11,
|
||||
"children": [
|
||||
{
|
||||
"id": 12
|
||||
},
|
||||
{
|
||||
"id": 13
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 14
|
||||
},
|
||||
{
|
||||
"id": 15
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 16
|
||||
},
|
||||
{
|
||||
"id": 17
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [
|
||||
8
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
2,
|
||||
6
|
||||
],
|
||||
"outputs": [
|
||||
7
|
||||
],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": 9,
|
||||
"queue": null
|
||||
},
|
||||
{
|
||||
"targets": [
|
||||
14
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
2,
|
||||
12
|
||||
],
|
||||
"outputs": [
|
||||
13
|
||||
],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": 15,
|
||||
"queue": null
|
||||
},
|
||||
{
|
||||
"targets": [
|
||||
16
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
13,
|
||||
7
|
||||
],
|
||||
"outputs": [],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": 17,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
99
demo/blocks_inputs/config.json
Normal file
99
demo/blocks_inputs/config.json
Normal file
@ -0,0 +1,99 @@
|
||||
{
|
||||
"version": "3.0.6",
|
||||
"mode": "blocks",
|
||||
"dev_mode": true,
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 5,
|
||||
"max_lines": 20,
|
||||
"value": "",
|
||||
"label": "Input",
|
||||
"show_label": true,
|
||||
"name": "textbox",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"max_lines": 20,
|
||||
"value": "",
|
||||
"label": "Output-Interactive",
|
||||
"show_label": true,
|
||||
"name": "textbox",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"max_lines": 20,
|
||||
"value": "Hello friends\nhello friends\n\nHello friends\n\n",
|
||||
"label": "Output",
|
||||
"show_label": true,
|
||||
"interactive": false,
|
||||
"name": "textbox",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"value": "Submit",
|
||||
"variant": "secondary",
|
||||
"name": "button",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"css": null,
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
{
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"id": 4
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [
|
||||
4
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
1
|
||||
],
|
||||
"outputs": [
|
||||
2
|
||||
],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": null,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -10,7 +10,7 @@ Hello friends
|
||||
|
||||
with gr.Blocks() as demo:
|
||||
txt = gr.Textbox(label="Input", lines=5)
|
||||
txt_2 = gr.Textbox(label="Output")
|
||||
txt_2 = gr.Textbox(label="Output-Interactive")
|
||||
txt_3 = gr.Textbox(str, label="Output", interactive=False)
|
||||
btn = gr.Button("Submit")
|
||||
btn.click(lambda a: a, inputs=[txt], outputs=[txt_2])
|
||||
|
||||
124
demo/blocks_kinematics/config.json
Normal file
124
demo/blocks_kinematics/config.json
Normal file
@ -0,0 +1,124 @@
|
||||
{
|
||||
"version": "3.0.6",
|
||||
"mode": "blocks",
|
||||
"dev_mode": true,
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
"type": "markdown",
|
||||
"props": {
|
||||
"value": "<p>Let's do some kinematics! Choose the speed and angle to see the trajectory.</p>\n",
|
||||
"name": "markdown",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "row",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "slider",
|
||||
"props": {
|
||||
"minimum": 1,
|
||||
"maximum": 30,
|
||||
"step": 0.1,
|
||||
"value": 25,
|
||||
"label": "Speed",
|
||||
"show_label": true,
|
||||
"name": "slider",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "slider",
|
||||
"props": {
|
||||
"minimum": 0,
|
||||
"maximum": 90,
|
||||
"step": 0.1,
|
||||
"value": 45,
|
||||
"label": "Angle",
|
||||
"show_label": true,
|
||||
"name": "slider",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"type": "plot",
|
||||
"props": {
|
||||
"show_label": true,
|
||||
"name": "plot",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"value": "Run",
|
||||
"variant": "secondary",
|
||||
"name": "button",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"css": null,
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
{
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"children": [
|
||||
{
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"id": 4
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 5
|
||||
},
|
||||
{
|
||||
"id": 6
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [
|
||||
6
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
3,
|
||||
4
|
||||
],
|
||||
"outputs": [
|
||||
5
|
||||
],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": null,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
325
demo/blocks_outputs/config.json
Normal file
325
demo/blocks_outputs/config.json
Normal file
@ -0,0 +1,325 @@
|
||||
{
|
||||
"mode": "blocks",
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
"type": "column",
|
||||
"props": {
|
||||
"type": "column",
|
||||
"variant": "default",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"max_lines": 20,
|
||||
"default_value": "",
|
||||
"label": "Small Textbox",
|
||||
"show_label": false,
|
||||
"name": "textbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 5,
|
||||
"max_lines": 20,
|
||||
"default_value": "",
|
||||
"label": "Large Textbox",
|
||||
"show_label": false,
|
||||
"name": "textbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "number",
|
||||
"props": {
|
||||
"label": "Number",
|
||||
"show_label": false,
|
||||
"name": "number",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"type": "checkbox",
|
||||
"props": {
|
||||
"default_value": false,
|
||||
"label": "Checkbox",
|
||||
"show_label": false,
|
||||
"name": "checkbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"type": "checkboxgroup",
|
||||
"props": {
|
||||
"choices": [
|
||||
"One",
|
||||
"Two",
|
||||
"Three"
|
||||
],
|
||||
"default_value": [],
|
||||
"label": "Checkbox Group",
|
||||
"show_label": false,
|
||||
"name": "checkboxgroup",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"type": "radio",
|
||||
"props": {
|
||||
"choices": [
|
||||
"One",
|
||||
"Two",
|
||||
"Three"
|
||||
],
|
||||
"default_value": "One",
|
||||
"label": "Radio",
|
||||
"show_label": false,
|
||||
"name": "radio",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"type": "dropdown",
|
||||
"props": {
|
||||
"choices": [
|
||||
"One",
|
||||
"Two",
|
||||
"Three"
|
||||
],
|
||||
"default_value": "One",
|
||||
"label": "Dropdown",
|
||||
"show_label": false,
|
||||
"name": "dropdown",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"type": "slider",
|
||||
"props": {
|
||||
"minimum": 0,
|
||||
"maximum": 100,
|
||||
"step": 1,
|
||||
"default_value": 0,
|
||||
"label": "Slider",
|
||||
"show_label": false,
|
||||
"name": "slider",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"type": "audio",
|
||||
"props": {
|
||||
"source": "upload",
|
||||
"show_label": false,
|
||||
"name": "audio",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"type": "file",
|
||||
"props": {
|
||||
"file_count": "single",
|
||||
"show_label": false,
|
||||
"name": "file",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"type": "video",
|
||||
"props": {
|
||||
"source": "upload",
|
||||
"show_label": false,
|
||||
"name": "video",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"type": "image",
|
||||
"props": {
|
||||
"image_mode": "RGB",
|
||||
"source": "upload",
|
||||
"tool": "editor",
|
||||
"show_label": false,
|
||||
"name": "image",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"type": "timeseries",
|
||||
"props": {
|
||||
"show_label": false,
|
||||
"name": "timeseries",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"type": "dataframe",
|
||||
"props": {
|
||||
"datatype": "str",
|
||||
"row_count": 3,
|
||||
"col_count": 3,
|
||||
"default_value": [
|
||||
[
|
||||
"",
|
||||
"",
|
||||
""
|
||||
],
|
||||
[
|
||||
"",
|
||||
"",
|
||||
""
|
||||
],
|
||||
[
|
||||
"",
|
||||
"",
|
||||
""
|
||||
]
|
||||
],
|
||||
"max_rows": 20,
|
||||
"overflow_row_behaviour": "paginate",
|
||||
"show_label": false,
|
||||
"name": "dataframe",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"type": "html",
|
||||
"props": {
|
||||
"default_value": "",
|
||||
"show_label": false,
|
||||
"name": "html",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 17,
|
||||
"type": "json",
|
||||
"props": {
|
||||
"default_value": "\"\"",
|
||||
"show_label": false,
|
||||
"name": "json",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 18,
|
||||
"type": "markdown",
|
||||
"props": {
|
||||
"default_value": "",
|
||||
"name": "markdown",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 19,
|
||||
"type": "label",
|
||||
"props": {
|
||||
"show_label": false,
|
||||
"name": "label",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 20,
|
||||
"type": "highlightedtext",
|
||||
"props": {
|
||||
"show_legend": false,
|
||||
"default_value": "",
|
||||
"show_label": false,
|
||||
"name": "highlightedtext",
|
||||
"css": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
{
|
||||
"id": 1,
|
||||
"children": [
|
||||
{
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"id": 4
|
||||
},
|
||||
{
|
||||
"id": 5
|
||||
},
|
||||
{
|
||||
"id": 6
|
||||
},
|
||||
{
|
||||
"id": 7
|
||||
},
|
||||
{
|
||||
"id": 8
|
||||
},
|
||||
{
|
||||
"id": 9
|
||||
},
|
||||
{
|
||||
"id": 10
|
||||
},
|
||||
{
|
||||
"id": 11
|
||||
},
|
||||
{
|
||||
"id": 12
|
||||
},
|
||||
{
|
||||
"id": 13
|
||||
},
|
||||
{
|
||||
"id": 14
|
||||
},
|
||||
{
|
||||
"id": 15
|
||||
},
|
||||
{
|
||||
"id": 16
|
||||
},
|
||||
{
|
||||
"id": 17
|
||||
},
|
||||
{
|
||||
"id": 18
|
||||
},
|
||||
{
|
||||
"id": 19
|
||||
},
|
||||
{
|
||||
"id": 20
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": []
|
||||
}
|
||||
58
demo/blocks_page_load/config.json
Normal file
58
demo/blocks_page_load/config.json
Normal file
@ -0,0 +1,58 @@
|
||||
{
|
||||
"mode": "blocks",
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"max_lines": 20,
|
||||
"default_value": "Frank",
|
||||
"label": "Name",
|
||||
"show_label": true,
|
||||
"name": "textbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "textbox",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"max_lines": 20,
|
||||
"default_value": "",
|
||||
"label": "Output",
|
||||
"show_label": true,
|
||||
"name": "textbox",
|
||||
"css": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
{
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"id": 2
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [],
|
||||
"trigger": "load",
|
||||
"inputs": [
|
||||
1
|
||||
],
|
||||
"outputs": [
|
||||
2
|
||||
],
|
||||
"status_tracker": null,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
115
demo/blocks_simple_squares/config.json
Normal file
115
demo/blocks_simple_squares/config.json
Normal file
@ -0,0 +1,115 @@
|
||||
{
|
||||
"version": "3.0.6",
|
||||
"mode": "blocks",
|
||||
"dev_mode": true,
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
"type": "variable",
|
||||
"props": {
|
||||
"value": 0,
|
||||
"show_label": true,
|
||||
"name": "variable",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "number",
|
||||
"props": {
|
||||
"value": 0.0,
|
||||
"show_label": true,
|
||||
"name": "number",
|
||||
"visible": true,
|
||||
"style": {
|
||||
"text_color": "blue",
|
||||
"container_bg_color": "yellow"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"value": "Next Square",
|
||||
"variant": "secondary",
|
||||
"name": "button",
|
||||
"visible": true,
|
||||
"elem_id": "btn",
|
||||
"style": {
|
||||
"rounded": false,
|
||||
"bg_color": "purple"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "variable",
|
||||
"props": {
|
||||
"value": {
|
||||
"a": "a"
|
||||
},
|
||||
"show_label": true,
|
||||
"name": "variable",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"type": "json",
|
||||
"props": {
|
||||
"show_label": true,
|
||||
"name": "json",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"css": "#btn {color: red}",
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
{
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"id": 4
|
||||
},
|
||||
{
|
||||
"id": 5
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [
|
||||
3
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
1,
|
||||
4
|
||||
],
|
||||
"outputs": [
|
||||
1,
|
||||
2,
|
||||
4,
|
||||
5
|
||||
],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": null,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -22,4 +22,4 @@ with demo:
|
||||
btn.click(increase, [num, stats], [num, squared, stats, table])
|
||||
|
||||
if __name__ == "__main__":
|
||||
demo.launch()
|
||||
demo.launch()
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
{
|
||||
"version": "3.0.6",
|
||||
"mode": "blocks",
|
||||
"dev_mode": true,
|
||||
"components": [
|
||||
{
|
||||
"id": 1,
|
||||
@ -7,29 +9,33 @@
|
||||
"props": {
|
||||
"value": "<h1>Detect Disease From Scan</h1>\n<p>With this model you can lorem ipsum</p>\n<ul>\n<li>ipsum 1</li>\n<li>ipsum 2</li>\n</ul>\n",
|
||||
"name": "markdown",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "checkboxgroup",
|
||||
"props": {
|
||||
"choices": ["Covid", "Malaria", "Lung Cancer"],
|
||||
"choices": [
|
||||
"Covid",
|
||||
"Malaria",
|
||||
"Lung Cancer"
|
||||
],
|
||||
"value": [],
|
||||
"name": "checkboxgroup",
|
||||
"label": "Disease to Scan For",
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"show_label": true,
|
||||
"name": "checkboxgroup",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "tabs",
|
||||
"props": {
|
||||
"css": {},
|
||||
"value": true
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -37,8 +43,8 @@
|
||||
"type": "tabitem",
|
||||
"props": {
|
||||
"label": "X-ray",
|
||||
"css": {},
|
||||
"value": true
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -46,8 +52,8 @@
|
||||
"type": "row",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"css": {},
|
||||
"value": true
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -55,25 +61,23 @@
|
||||
"type": "image",
|
||||
"props": {
|
||||
"image_mode": "RGB",
|
||||
"shape": null,
|
||||
"source": "upload",
|
||||
"tool": "editor",
|
||||
"value": null,
|
||||
"streaming": false,
|
||||
"show_label": true,
|
||||
"name": "image",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"type": "json",
|
||||
"props": {
|
||||
"value": "\"\"",
|
||||
"show_label": true,
|
||||
"name": "json",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -81,82 +85,110 @@
|
||||
"type": "button",
|
||||
"props": {
|
||||
"value": "Run",
|
||||
"variant": "secondary",
|
||||
"name": "button",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"type": "tabitem",
|
||||
"type": "statustracker",
|
||||
"props": {
|
||||
"label": "CT Scan",
|
||||
"css": {},
|
||||
"value": true
|
||||
"cover_container": true,
|
||||
"name": "statustracker",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"type": "row",
|
||||
"type": "tabitem",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"css": {},
|
||||
"value": true
|
||||
"label": "CT Scan",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"type": "image",
|
||||
"type": "row",
|
||||
"props": {
|
||||
"image_mode": "RGB",
|
||||
"shape": null,
|
||||
"source": "upload",
|
||||
"tool": "editor",
|
||||
"value": null,
|
||||
"name": "image",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"type": "row",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"type": "json",
|
||||
"type": "image",
|
||||
"props": {
|
||||
"value": "\"\"",
|
||||
"name": "json",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"image_mode": "RGB",
|
||||
"source": "upload",
|
||||
"tool": "editor",
|
||||
"streaming": false,
|
||||
"show_label": true,
|
||||
"name": "image",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"type": "button",
|
||||
"type": "json",
|
||||
"props": {
|
||||
"value": "Run",
|
||||
"name": "button",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"show_label": true,
|
||||
"name": "json",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"type": "textbox",
|
||||
"type": "button",
|
||||
"props": {
|
||||
"lines": 1,
|
||||
"placeholder": null,
|
||||
"value": "",
|
||||
"name": "textbox",
|
||||
"label": null,
|
||||
"css": {},
|
||||
"interactive": null
|
||||
"value": "Run",
|
||||
"variant": "secondary",
|
||||
"name": "button",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"type": "statustracker",
|
||||
"props": {
|
||||
"cover_container": true,
|
||||
"name": "statustracker",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"value": "Upload Results",
|
||||
"variant": "secondary",
|
||||
"name": "button",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 17,
|
||||
"type": "statustracker",
|
||||
"props": {
|
||||
"cover_container": false,
|
||||
"name": "statustracker",
|
||||
"visible": true,
|
||||
"style": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"css": null,
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 0,
|
||||
"children": [
|
||||
@ -185,49 +217,93 @@
|
||||
},
|
||||
{
|
||||
"id": 8
|
||||
},
|
||||
{
|
||||
"id": 9
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"id": 10,
|
||||
"children": [
|
||||
{
|
||||
"id": 10,
|
||||
"id": 11,
|
||||
"children": [
|
||||
{
|
||||
"id": 11
|
||||
"id": 12
|
||||
},
|
||||
{
|
||||
"id": 12
|
||||
"id": 13
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 13
|
||||
"id": 14
|
||||
},
|
||||
{
|
||||
"id": 15
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 14
|
||||
"id": 16
|
||||
},
|
||||
{
|
||||
"id": 17
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [8],
|
||||
"targets": [
|
||||
8
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [2, 6],
|
||||
"outputs": [7],
|
||||
"queue": false
|
||||
"inputs": [
|
||||
2,
|
||||
6
|
||||
],
|
||||
"outputs": [
|
||||
7
|
||||
],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": 9,
|
||||
"queue": null
|
||||
},
|
||||
{
|
||||
"targets": [13],
|
||||
"targets": [
|
||||
14
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [2, 11],
|
||||
"outputs": [12],
|
||||
"queue": false
|
||||
"inputs": [
|
||||
2,
|
||||
12
|
||||
],
|
||||
"outputs": [
|
||||
13
|
||||
],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": 15,
|
||||
"queue": null
|
||||
},
|
||||
{
|
||||
"targets": [
|
||||
16
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
13,
|
||||
7
|
||||
],
|
||||
"outputs": [],
|
||||
"backend_fn": true,
|
||||
"js": null,
|
||||
"status_tracker": 17,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -12,7 +12,5 @@ with demo:
|
||||
btn = gr.Button("Run")
|
||||
btn.click(image_mod, text, text)
|
||||
|
||||
print(demo.get_config_file())
|
||||
|
||||
if __name__ == "__main__":
|
||||
demo.launch()
|
||||
|
||||
1122
demo/kitchen_sink/config.json
Normal file
1122
demo/kitchen_sink/config.json
Normal file
File diff suppressed because it is too large
Load Diff
310
demo/outbreak_forecast/config.json
Normal file
310
demo/outbreak_forecast/config.json
Normal file
@ -0,0 +1,310 @@
|
||||
{
|
||||
"mode": "blocks",
|
||||
"components": [
|
||||
{
|
||||
"id": 7,
|
||||
"type": "row",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"type": "column",
|
||||
"props": {
|
||||
"type": "column",
|
||||
"variant": "panel",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"type": "column",
|
||||
"props": {
|
||||
"type": "column",
|
||||
"variant": "default",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 0,
|
||||
"type": "dropdown",
|
||||
"props": {
|
||||
"choices": [
|
||||
"Matplotlib",
|
||||
"Plotly",
|
||||
"Bokeh"
|
||||
],
|
||||
"default_value": "Matplotlib",
|
||||
"label": "Plot Type",
|
||||
"show_label": true,
|
||||
"name": "dropdown",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"type": "slider",
|
||||
"props": {
|
||||
"minimum": 1,
|
||||
"maximum": 4,
|
||||
"step": 0.01,
|
||||
"default_value": 3.2,
|
||||
"label": "R",
|
||||
"show_label": true,
|
||||
"name": "slider",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"type": "dropdown",
|
||||
"props": {
|
||||
"choices": [
|
||||
"January",
|
||||
"February",
|
||||
"March",
|
||||
"April",
|
||||
"May"
|
||||
],
|
||||
"default_value": "January",
|
||||
"label": "Month",
|
||||
"show_label": true,
|
||||
"name": "dropdown",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"type": "checkboxgroup",
|
||||
"props": {
|
||||
"choices": [
|
||||
"USA",
|
||||
"Canada",
|
||||
"Mexico",
|
||||
"UK"
|
||||
],
|
||||
"default_value": [
|
||||
"USA",
|
||||
"Canada"
|
||||
],
|
||||
"label": "Countries",
|
||||
"show_label": true,
|
||||
"name": "checkboxgroup",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"type": "checkbox",
|
||||
"props": {
|
||||
"default_value": false,
|
||||
"label": "Social Distancing?",
|
||||
"show_label": true,
|
||||
"name": "checkbox",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"type": "row",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"default_value": "Clear",
|
||||
"name": "button",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"default_value": "Submit",
|
||||
"name": "button",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"type": "column",
|
||||
"props": {
|
||||
"type": "column",
|
||||
"variant": "panel",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"type": "statustracker",
|
||||
"props": {
|
||||
"cover_container": true,
|
||||
"name": "statustracker",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"type": "plot",
|
||||
"props": {
|
||||
"label": "output",
|
||||
"show_label": true,
|
||||
"interactive": false,
|
||||
"name": "plot",
|
||||
"css": {}
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"type": "row",
|
||||
"props": {
|
||||
"type": "row",
|
||||
"css": {},
|
||||
"default_value": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"type": "button",
|
||||
"props": {
|
||||
"default_value": "Flag",
|
||||
"name": "button",
|
||||
"css": {}
|
||||
}
|
||||
}
|
||||
],
|
||||
"theme": "default",
|
||||
"enable_queue": false,
|
||||
"layout": {
|
||||
"id": 6,
|
||||
"children": [
|
||||
{
|
||||
"id": 7,
|
||||
"children": [
|
||||
{
|
||||
"id": 8,
|
||||
"children": [
|
||||
{
|
||||
"id": 9,
|
||||
"children": [
|
||||
{
|
||||
"id": 0
|
||||
},
|
||||
{
|
||||
"id": 1
|
||||
},
|
||||
{
|
||||
"id": 2
|
||||
},
|
||||
{
|
||||
"id": 3
|
||||
},
|
||||
{
|
||||
"id": 4
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"children": [
|
||||
{
|
||||
"id": 11
|
||||
},
|
||||
{
|
||||
"id": 12
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"children": [
|
||||
{
|
||||
"id": 14
|
||||
},
|
||||
{
|
||||
"id": 5
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"children": [
|
||||
{
|
||||
"id": 16
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
"dependencies": [
|
||||
{
|
||||
"targets": [
|
||||
16
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
0,
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4,
|
||||
5
|
||||
],
|
||||
"outputs": [],
|
||||
"status_tracker": null,
|
||||
"queue": null
|
||||
},
|
||||
{
|
||||
"targets": [
|
||||
12
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [
|
||||
0,
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4
|
||||
],
|
||||
"outputs": [
|
||||
5
|
||||
],
|
||||
"status_tracker": 14,
|
||||
"queue": null
|
||||
},
|
||||
{
|
||||
"targets": [
|
||||
11
|
||||
],
|
||||
"trigger": "click",
|
||||
"inputs": [],
|
||||
"outputs": [
|
||||
0,
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4,
|
||||
5,
|
||||
9
|
||||
],
|
||||
"status_tracker": null,
|
||||
"queue": null
|
||||
}
|
||||
]
|
||||
}
|
||||
4031
package-lock.json
generated
Normal file
4031
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
5
package.json
Normal file
5
package.json
Normal file
@ -0,0 +1,5 @@
|
||||
{
|
||||
"devDependencies": {
|
||||
"@playwright/test": "^1.21.1"
|
||||
}
|
||||
}
|
||||
1352
pnpm-lock.yaml
generated
Normal file
1352
pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
44
ui/packages/app/test/blocks-inputs.spec.ts
Normal file
44
ui/packages/app/test/blocks-inputs.spec.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import { test, expect, Page } from "@playwright/test";
|
||||
|
||||
function mock_demo(page: Page, demo: string) {
|
||||
return page.route("**/config", (route) => {
|
||||
return route.fulfill({
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*"
|
||||
},
|
||||
path: `../../../demo/${demo}/config.json`
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function mock_api(page: Page, body: Array<unknown>) {
|
||||
return page.route("**/api/predict/", (route) => {
|
||||
const id = JSON.parse(route.request().postData()!).fn_index;
|
||||
return route.fulfill({
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*"
|
||||
},
|
||||
body: JSON.stringify({
|
||||
data: body[id]
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
test("renders the correct elements", async ({ page }) => {
|
||||
await mock_demo(page, "blocks_inputs");
|
||||
await mock_api(page, [["hello world"]]);
|
||||
await page.goto("http://localhost:3000");
|
||||
|
||||
const textbox = await page.locator("label:has-text('Input')");
|
||||
const button = await page.locator("button");
|
||||
|
||||
await textbox.fill("hello world");
|
||||
await Promise.all([button.click(), page.waitForResponse("**/api/predict/")]);
|
||||
await expect(
|
||||
await page.inputValue("label:has-text('Output-Interactive')")
|
||||
).toEqual("hello world");
|
||||
await expect(await page.inputValue("label:has-text('Input')")).toEqual(
|
||||
"hello world"
|
||||
);
|
||||
});
|
||||
35
ui/packages/app/test/blocks-kinematics.spec.ts
Normal file
35
ui/packages/app/test/blocks-kinematics.spec.ts
Normal file
@ -0,0 +1,35 @@
|
||||
import { test, expect, Page } from "@playwright/test";
|
||||
|
||||
function mock_demo(page: Page, demo: string) {
|
||||
return page.route("**/config", (route) => {
|
||||
return route.fulfill({
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*"
|
||||
},
|
||||
path: `../../../demo/${demo}/config.json`
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function mock_api(page: Page, body: Array<unknown>) {
|
||||
return page.route("**/api/predict/", (route) => {
|
||||
const id = JSON.parse(route.request().postData()!).fn_index;
|
||||
return route.fulfill({
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*"
|
||||
},
|
||||
body: JSON.stringify({
|
||||
data: body[id]
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
test("renders the correct elements", async ({ page }) => {
|
||||
await mock_demo(page, "blocks_kinematics");
|
||||
await mock_api(page, [[25, 45]]);
|
||||
await page.goto("http://localhost:3000");
|
||||
|
||||
const button = await page.locator("button");
|
||||
await Promise.all([button.click(), page.waitForResponse("**/api/predict/")]);
|
||||
});
|
||||
42
ui/packages/app/test/blocks-page-load.spec.ts
Normal file
42
ui/packages/app/test/blocks-page-load.spec.ts
Normal file
@ -0,0 +1,42 @@
|
||||
import { test, expect, Page } from "@playwright/test";
|
||||
|
||||
function mock_demo(page: Page, demo: string) {
|
||||
return page.route("**/config", (route) => {
|
||||
return route.fulfill({
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*"
|
||||
},
|
||||
path: `../../../demo/${demo}/config.json`
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function mock_api(page: Page, body: Array<unknown>) {
|
||||
return page.route("**/api/predict/", (route) => {
|
||||
const id = JSON.parse(route.request().postData()!).fn_index;
|
||||
return route.fulfill({
|
||||
headers: {
|
||||
"Access-Control-Allow-Origin": "*"
|
||||
},
|
||||
body: JSON.stringify({
|
||||
data: body[id]
|
||||
})
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
test("renders the correct elements", async ({ page }) => {
|
||||
await mock_demo(page, "blocks_page_load");
|
||||
await mock_api(page, [["Welcome! This page has loaded for Frank"]]);
|
||||
await page.goto("http://localhost:3000");
|
||||
|
||||
const textbox = await page.locator("label:has-text('Name')");
|
||||
|
||||
await textbox.fill("Frank");
|
||||
await expect(await page.inputValue("label:has-text('Name')")).toEqual(
|
||||
"Frank"
|
||||
);
|
||||
await expect(await page.inputValue("label:has-text('Output')")).toEqual(
|
||||
"Welcome! This page has loaded for Frank"
|
||||
);
|
||||
});
|
||||
@ -27,17 +27,15 @@ function mock_api(page: Page, body: Array<unknown>) {
|
||||
|
||||
test("a component acts as both input and output", async ({ page }) => {
|
||||
await mock_demo(page, "input-output");
|
||||
await mock_api(page, [["world hello"]]);
|
||||
await mock_api(page, [["tset"]]);
|
||||
await page.goto("http://localhost:3000");
|
||||
|
||||
const textbox = await page.locator("label:has-text('Input-Output')");
|
||||
const button = await page.locator("button");
|
||||
|
||||
await textbox.fill("hello world");
|
||||
|
||||
await textbox.fill("test");
|
||||
await Promise.all([button.click(), page.waitForResponse("**/api/predict/")]);
|
||||
|
||||
await expect(await page.inputValue("label:has-text('Input-Output')")).toEqual(
|
||||
"world hello"
|
||||
"tset"
|
||||
);
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user