Merge pull request #3441 from Budibase/fix/pc-generic-fixes

Save automation test data

packages/builder/cypress/integration/createAutomation.spec.js

@@ -22,9 +22,9 @@ context("Create a automation", () => {
     cy.get(".spectrum-Picker-label").click()
     cy.wait(500)
     cy.contains("dog").click()
-
+    cy.wait(2000)
     // Create action
-    cy.contains("Add Action").click()
+    cy.get(".block > .spectrum-Icon").click()
     cy.get(".modal-inner-wrapper").within(() => {
       cy.wait(1000)
       cy.contains("Create Row").trigger('mouseover').click().click()

packages/builder/src/builderStore/store/automation/index.js

@@ -93,7 +93,9 @@ const automationActions = store => ({
   },
   select: automation => {
     store.update(state => {
+      let testResults = state.selectedAutomation?.testResults
       state.selectedAutomation = new Automation(cloneDeep(automation))
+      state.selectedAutomation.testResults = testResults
       state.selectedBlock = null
       return state
     })

packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte

@@ -84,7 +84,6 @@
         class="block"
         animate:flip={{ duration: 500 }}
         in:fly|local={{ x: 500, duration: 1500 }}
-        out:fly|local={{ x: 500, duration: 800 }}
       >
         <FlowItem {testDataModal} {testAutomation} {onSelect} {block} />
       </div>

packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte

@@ -25,10 +25,10 @@
   let resultsModal
   let setupToggled
   let blockComplete
+
   $: testResult = $automationStore.selectedAutomation.testResults?.steps.filter(
     step => step.stepId === block.stepId
   )
-
   $: isTrigger = block.type === "TRIGGER"
 
   $: selected = $automationStore.selectedBlock?.id === block.id
@@ -150,15 +150,6 @@
               >Finish and test automation</Button
             >
           {/if}
-          <Button
-            disabled={!hasCompletedInputs}
-            on:click={() => {
-              setupToggled = false
-              actionModal.show()
-            }}
-            primary={!isTrigger}
-            cta={isTrigger}>Add Action</Button
-          >
         {/if}
       </Layout>
     </div>

packages/builder/src/components/automation/AutomationPanel/AutomationList.svelte

@@ -9,6 +9,7 @@
   onMount(() => {
     automationStore.actions.fetch()
   })
+
   function selectAutomation(automation) {
     automationStore.actions.select(automation)
     $goto(`./${automation._id}`)

packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte

@@ -51,8 +51,7 @@
     : { schema: {} }
   $: schemaFields = table ? Object.values(table.schema) : []
 
-  const onChange = debounce(
+  const onChange = debounce(async function (e, key) {
-    async function (e, key) {
     if (isTestModal) {
       // Special case for webhook, as it requires a body, but the schema already brings back the body's contents
       if (stepId === "WEBHOOK") {
@@ -67,15 +66,16 @@
         [key]: e.detail,
       })
       testData[key] = e.detail
+      await automationStore.actions.save(
+        $automationStore.selectedAutomation?.automation
+      )
     } else {
       block.inputs[key] = e.detail
       await automationStore.actions.save(
         $automationStore.selectedAutomation?.automation
       )
     }
-    },
+  }, 800)
-    isTestModal ? 0 : 800
-  )
 
   function getAvailableBindings(block, automation) {
     if (!block || !automation) {

packages/builder/src/components/backend/TableNavigator/popovers/EditTablePopover.svelte

@@ -72,15 +72,17 @@
   }
 </script>
 
-<ActionMenu>
+{#if allowDeletion}
+  <ActionMenu>
     <div slot="control" class="icon">
       <Icon s hoverable name="MoreSmallList" />
     </div>
+    {#if !external}
       <MenuItem icon="Edit" on:click={editorModal.show}>Edit</MenuItem>
-  {#if allowDeletion}
-    <MenuItem icon="Delete" on:click={showDeleteModal}>Delete</MenuItem>
     {/if}
-</ActionMenu>
+    <MenuItem icon="Delete" on:click={showDeleteModal}>Delete</MenuItem>
+  </ActionMenu>
+{/if}
 
 <Modal bind:this={editorModal}>
   <ModalContent