KarakoA / MAThesis

Automatic Interaction Diagram Generation of Vue.js-based Web Applications

This repository holds the source code for my master's thesis on the topic "Automatic Interaction Diagram Generation of Vue.js-based Web Applications"

Deployment

1. Install dependencies

npm install

2. Generate interaction diagram graph

npm run generate -- [file to parse] [output graph path] [depth]

3. Start server in order to view interaction diagram

npm run serve

4. Observe interaction diagram in browser

firefox localhost:8000

Generating a results snapshot

See this README for more details.

Commands overview

Lint the project

npm run lint

Run TypeScript type checker

npm run type-check

Execute unit tests

npm run test

Execute regression tests

npm run test:regression

Execute the main application

npm run generate

Start a server to view interaction diagram in browser

npm run serve

Create a snapshot for each file in resources/test-files

npm run create-results

Start a server to view all snapshots in the browser

npm run results