fix(ui): Request Panel > Script > generate test scripts button (#274)…

… > updatePlugin doesn't show updated test scripts until you refresh the page

packages/ui/src/components/RequestPanel.vue

@@ -1138,38 +1138,7 @@ export default {
         async generateTests()  {
             const generatedTestScripts = await generateTestScripts()
 
-            const pluginData = this.$store.state.plugins.workspace.find(plugin =>
-                plugin.collectionId === this.activeTab._id && plugin.type === 'script'
-            )
-
-            const { pre_request = '', post_request = '' } = pluginData?.code || {}
-
-            try {
-                const updatedPostRequest = `${post_request}\n${generatedTestScripts}`.trim()
-
-                const pluginPayload = {
-                    code: {
-                        pre_request,
-                        post_request: updatedPostRequest
-                    },
-                    workspaceId: null,
-                    collectionId: this.activeTab._id,
-                    type: 'script'
-                }
-
-                if (!pluginData) {
-                    this.$store.commit('addPlugin', pluginPayload)
-                } else {
-                    this.$store.commit('updatePlugin', {
-                        _id: pluginData._id,
-                        code: pluginPayload.code
-                    })
-                }
-
-                this.$toast.success('Test scripts are generated successfully.')
-            } catch (e) {
-                this.$toast.error(`Failed to generate test scripts: ${e.message}`)
-            }
+            this.script.post_request += generatedTestScripts + `\n`
         }
     },
     mounted() {

packages/ui/src/utils/generate-test-scripts.ts

@@ -1,19 +1,21 @@
+import dedent from 'dedent'
+
 export async function generateTestScripts() {
-    return `
-test('Status code is 200', () => {
-    expect(rf.response.getStatusCode()).to.eql(200)
-})
+    return dedent`
+        test('Status code is 200', () => {
+            expect(rf.response.getStatusCode()).to.eql(200)
+        })
 
-test('Response time is less than 500ms', () => {
-   expect(rf.response.getResponseTime()).to.below(600)
-})
+        test('Response time is less than 500ms', () => {
+            expect(rf.response.getResponseTime()).to.below(600)
+        })
 
-test('Body is not empty', () => {
-   expect(rf.response.getBodyJSON()).to.not.be.empty
-})
+        test('Body is not empty', () => {
+            expect(rf.response.getBodyJSON()).to.not.be.empty
+        })
 
-test('headers are not empty', () => {
-   expect(rf.response.getHeaders()).to.not.be.empty
-})
+        test('headers are not empty', () => {
+            expect(rf.response.getHeaders()).to.not.be.empty
+        })
     `
 }