Skip to content

What do you think about Visual Studio Marketplace? We are looking for feedback from developers like you! Take the survey

| Marketplace
Sign in
Visual Studio Code>Other>Codeless Testing FlowNew to Visual Studio Code? Get it now.

Codeless Testing Flow

ctflow

|
6 installs
| (0) | Free
Build end-to-end test cases by drag and drop blocks
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Architecture

This is the architecture

The Webview UI is built by React and Vite as an UI component for VSCode extension. All testers interaction on the Webview UI will be recorded and translated into cypress test cases(javascript code) by our compiler. The test cases then are run by cypress on top of the user's app.

Tech stack (Vscode + React + Vite)

The project ultilize fast bundling speed of Vite and familiarity of React to quickly bring about the intuitive UI for the user.

Documentation

For a deeper dive into project and its foundation example, read the guides below.

Run The Code

# Navigate into sample directory
cd dnd-ui

# Install dependencies for both the extension and webview UI source code
npm run install:all

# Build webview UI source code
npm run build:webview

# Open sample in VS Code
code .

Once the sample is open inside VS Code you can run the extension by doing the following:

  1. Press F5 to open a new Extension Development Host window
  2. Inside the host window, open the command palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) and select .ctflow files to see the UI
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft