feat(editor): Add support for schema view in the NDV output (#5688)

* feat(editor): Add support for schema view in the NDV output

* Make intercepts waiting optional in waitForLoad method

* Update RunDataSchema snapshots

* Do not reset output panel view on execution, properly key run RunDataSchemaItem to make sure they are unique across panels

* Update snapshot tests

* Make adding of schema view button option more readable
This commit is contained in:
OlegIvaniv
2023-03-16 10:19:12 +01:00
committed by GitHub
parent 58232bec61
commit 541850f95f
11 changed files with 202 additions and 45 deletions

View File

@@ -13,6 +13,7 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
>
<!---->
<!---->
@@ -23,6 +24,7 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0s;"
>
<div
@@ -60,6 +62,7 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
</div>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0.033s;"
>
<div
@@ -97,6 +100,7 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
</div>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0.066s;"
>
<div
@@ -126,12 +130,12 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
<!---->
<input
checked="checked"
id="array-0-2"
id="input_array-0-2"
type="checkbox"
/>
<label
class="toggle"
for="array-0-2"
for="input_array-0-2"
>
<font-awesome-icon-stub
icon="angle-up"
@@ -142,6 +146,7 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0s;"
>
<div
@@ -181,6 +186,7 @@ exports[`RunDataJsonSchema.vue > renders schema for data 1`] = `
</div>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0.033s;"
>
<div
@@ -273,6 +279,7 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
>
<!---->
<!---->
@@ -283,6 +290,7 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0s;"
>
<div
@@ -312,12 +320,12 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
<!---->
<input
checked="checked"
id="array-0-0"
id="input_array-0-0"
type="checkbox"
/>
<label
class="toggle"
for="array-0-0"
for="input_array-0-0"
>
<font-awesome-icon-stub
icon="angle-up"
@@ -328,6 +336,7 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0s;"
>
<div
@@ -359,12 +368,12 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
<!---->
<input
checked="checked"
id="object-1-0"
id="input_object-1-0"
type="checkbox"
/>
<label
class="toggle"
for="object-1-0"
for="input_object-1-0"
>
<font-awesome-icon-stub
icon="angle-up"
@@ -375,6 +384,7 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0s;"
>
<div
@@ -404,12 +414,12 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
<!---->
<input
checked="checked"
id="object-2-0"
id="input_object-2-0"
type="checkbox"
/>
<label
class="toggle"
for="object-2-0"
for="input_object-2-0"
>
<font-awesome-icon-stub
icon="angle-up"
@@ -420,6 +430,7 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0s;"
>
<div
@@ -459,6 +470,7 @@ exports[`RunDataJsonSchema.vue > renders schema with spaces and dots 1`] = `
</div>
<div
class="item"
data-test-id="run-data-schema-item"
style="transition-delay: 0.033s;"
>
<div