89 lines
2.4 KiB
Svelte
89 lines
2.4 KiB
Svelte
<script>
|
|
import { ModalContent, Tabs, Tab, TextArea, Label } from "@budibase/bbui"
|
|
import { automationStore } from "builderStore"
|
|
import AutomationBlockSetup from "../../SetupPanel/AutomationBlockSetup.svelte"
|
|
import { cloneDeep } from "lodash/fp"
|
|
|
|
let failedParse = null
|
|
// clone the trigger so we're not mutating the reference
|
|
let trigger = cloneDeep(
|
|
$automationStore.selectedAutomation.automation.definition.trigger
|
|
)
|
|
let schemaProperties = Object.entries(trigger.schema.outputs.properties || {})
|
|
|
|
if (!$automationStore.selectedAutomation.automation.testData) {
|
|
$automationStore.selectedAutomation.automation.testData = {}
|
|
}
|
|
|
|
// get the outputs so we can define the fields
|
|
|
|
// check to see if there is existing test data in the store
|
|
$: testData = $automationStore.selectedAutomation.automation.testData
|
|
// Check the schema to see if required fields have been entered
|
|
$: isError = !trigger.schema.outputs.required.every(
|
|
required => testData[required]
|
|
)
|
|
|
|
function parseTestJSON(e) {
|
|
try {
|
|
const obj = JSON.parse(e.detail)
|
|
failedParse = null
|
|
automationStore.actions.addTestDataToAutomation(obj)
|
|
} catch (e) {
|
|
failedParse = "Invalid JSON"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<ModalContent
|
|
title="Add test data"
|
|
confirmText="Test"
|
|
showConfirmButton={true}
|
|
disabled={isError}
|
|
onConfirm={() => {
|
|
automationStore.actions.addTestDataToAutomation(testData)
|
|
automationStore.actions.test($automationStore.selectedAutomation, testData)
|
|
}}
|
|
cancelText="Cancel"
|
|
>
|
|
<Tabs selected="Form" quiet
|
|
><Tab icon="Form" title="Form">
|
|
<div class="tab-content-padding">
|
|
<AutomationBlockSetup
|
|
bind:testData
|
|
{schemaProperties}
|
|
isTestModal
|
|
block={trigger}
|
|
/>
|
|
</div></Tab
|
|
>
|
|
<Tab icon="FileJson" title="JSON">
|
|
<div class="tab-content-padding">
|
|
<Label>JSON</Label>
|
|
<div class="text-area-container">
|
|
<TextArea
|
|
value={JSON.stringify(
|
|
$automationStore.selectedAutomation.automation.testData,
|
|
null,
|
|
2
|
|
)}
|
|
error={failedParse}
|
|
on:change={e => parseTestJSON(e)}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Tab>
|
|
</Tabs>
|
|
</ModalContent>
|
|
|
|
<style>
|
|
.text-area-container :global(textarea) {
|
|
min-height: 200px;
|
|
height: 200px;
|
|
}
|
|
|
|
.tab-content-padding {
|
|
padding: 0 var(--spacing-xl);
|
|
}
|
|
</style>
|