[PR #4218] [feature]: workflows for API testing #4707

New issue

Open

opened 2026-03-17 02:13:13 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:13:13 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/4218
Author: @ikp-773
Created: 7/28/2024
Status: 🔄 Open

Base: main ← Head: flows

📝 Commits (10+)

c7eb4df feat: setup vue-flows and UI for send-request node
09ef0d1 fix: add @vue-flow/background to dependencies
ed926c0 feat: output node and json viewer
166bfbe Merge pull request #2 from SreeXD/output-node
988fe1c feat: add BlockMenu component
b3efdd8 feat: refactor BlockMenu
601fac0 feat: add type annotations for BlockMenu
3d6ce3f feat: update BlockMenu components list in flow page
bf31777 chore: remove flows-neko page and update flows page
9d09993 Merge pull request #3 from SreeXD/block-menu-node

📊 Changes

13 files changed (+1248 additions, -97 deletions)

View changed files

➕ packages/hoppscotch-common/assets/icons/flows.svg (+3 -0)
📝 packages/hoppscotch-common/locales/en.json (+8 -1)
📝 packages/hoppscotch-common/package.json (+5 -1)
📝 packages/hoppscotch-common/src/components.d.ts (+16 -0)
📝 packages/hoppscotch-common/src/components/app/Sidenav.vue (+7 -0)
➕ packages/hoppscotch-common/src/components/flows/BlockMenu.vue (+85 -0)
➕ packages/hoppscotch-common/src/components/flows/JsonViewer.vue (+104 -0)
➕ packages/hoppscotch-common/src/components/flows/OutputNode.vue (+153 -0)
➕ packages/hoppscotch-common/src/components/flows/SelectorNode.vue (+130 -0)
➕ packages/hoppscotch-common/src/components/flows/SendRequestNode.vue (+327 -0)
➕ packages/hoppscotch-common/src/components/flows/StartNode.vue (+16 -0)
➕ packages/hoppscotch-common/src/pages/flows.vue (+183 -0)
📝 pnpm-lock.yaml (+211 -95)

📄 Description

Closes # 4214[WIP]

A node-based system for setting up test workflows for APIs in Hoppscotch. Users can design a graph with nodes representing REST requests, response outputs, selectors, and more. By executing this graph, they can verify the functionality of the entire API. For example, a workflow graph might include creating a user, editing the user details, and finally deleting the user. This approach ensures comprehensive testing and validation of API endpoints.

What's changed

video demo = https://www.youtube.com/watch?v=RVHU2fqD9YE

Added a new section flows in the sidebar.

Notes to reviewers

This issue is still a work in progress, and not all features have been implemented yet.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/4218 **Author:** [@ikp-773](https://github.com/ikp-773) **Created:** 7/28/2024 **Status:** 🔄 Open **Base:** `main` ← **Head:** `flows` --- ### 📝 Commits (10+) - [`c7eb4df`](https://github.com/hoppscotch/hoppscotch/commit/c7eb4df29e1e690f0361f7e4d152ddd701c0e3db) feat: setup vue-flows and UI for send-request node - [`09ef0d1`](https://github.com/hoppscotch/hoppscotch/commit/09ef0d19fc88e77d2e63cf9f34c1e03fd72950e0) fix: add @vue-flow/background to dependencies - [`ed926c0`](https://github.com/hoppscotch/hoppscotch/commit/ed926c0da6990864db6d04ddca84ca3f1b7e0b6a) feat: output node and json viewer - [`166bfbe`](https://github.com/hoppscotch/hoppscotch/commit/166bfbe45562f3666564d1e563e560afad934702) Merge pull request #2 from SreeXD/output-node - [`988fe1c`](https://github.com/hoppscotch/hoppscotch/commit/988fe1cfb642ecefd7e11f137420a594694bba92) feat: add BlockMenu component - [`b3efdd8`](https://github.com/hoppscotch/hoppscotch/commit/b3efdd8a4c332756cce49f4191eba343275cb233) feat: refactor BlockMenu - [`601fac0`](https://github.com/hoppscotch/hoppscotch/commit/601fac0b9d1ca2efff41e28b28215f25c4d32c62) feat: add type annotations for BlockMenu - [`3d6ce3f`](https://github.com/hoppscotch/hoppscotch/commit/3d6ce3f413b2995bd8818ca04a65eac93a0ba956) feat: update BlockMenu components list in flow page - [`bf31777`](https://github.com/hoppscotch/hoppscotch/commit/bf317779cb2d683c5bbd6ab95b5f281ce6d855d7) chore: remove flows-neko page and update flows page - [`9d09993`](https://github.com/hoppscotch/hoppscotch/commit/9d0999350eb0f3f66c64ed268e5fe50d5096bece) Merge pull request #3 from SreeXD/block-menu-node ### 📊 Changes **13 files changed** (+1248 additions, -97 deletions) <details> <summary>View changed files</summary> ➕ `packages/hoppscotch-common/assets/icons/flows.svg` (+3 -0) 📝 `packages/hoppscotch-common/locales/en.json` (+8 -1) 📝 `packages/hoppscotch-common/package.json` (+5 -1) 📝 `packages/hoppscotch-common/src/components.d.ts` (+16 -0) 📝 `packages/hoppscotch-common/src/components/app/Sidenav.vue` (+7 -0) ➕ `packages/hoppscotch-common/src/components/flows/BlockMenu.vue` (+85 -0) ➕ `packages/hoppscotch-common/src/components/flows/JsonViewer.vue` (+104 -0) ➕ `packages/hoppscotch-common/src/components/flows/OutputNode.vue` (+153 -0) ➕ `packages/hoppscotch-common/src/components/flows/SelectorNode.vue` (+130 -0) ➕ `packages/hoppscotch-common/src/components/flows/SendRequestNode.vue` (+327 -0) ➕ `packages/hoppscotch-common/src/components/flows/StartNode.vue` (+16 -0) ➕ `packages/hoppscotch-common/src/pages/flows.vue` (+183 -0) 📝 `pnpm-lock.yaml` (+211 -95) </details> ### 📄 Description   Closes # 4214[WIP]  A node-based system for setting up test workflows for APIs in Hoppscotch. Users can design a graph with nodes representing REST requests, response outputs, selectors, and more. By executing this graph, they can verify the functionality of the entire API. For example, a workflow graph might include creating a user, editing the user details, and finally deleting the user. This approach ensures comprehensive testing and validation of API endpoints. ### What's changed video demo = https://www.youtube.com/watch?v=RVHU2fqD9YE  Added a new section flows in the sidebar.  ### Notes to reviewers This issue is still a work in progress, and not all features have been implemented yet. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>