Skip to content

Latest commit

 

History

History

mock-api

Frontend + api setup

You can see the (master branch) mobile UI setup here

The technology used here is:

  • HTML, CSS, JavaScript
  • Vue.js

And the files are under esp/build_data

Starting frontend development

Inside the ./mock-api folder do:

  1. npm install

  2. npm run web - Starts frontend on localhost:8000

  3. npm run api - Starts api on localhost:3000

  4. gulp watch - Watches changes and creates 2 files automatically; final.html and index.gz

Now you can start editing esp/build_data/build_index.html

If your mock-api is not responding, see /esp/build_data/main.js, theUrl should be (your API url:port)

Testing frontend

You can run End to End test (for the Web UI) against the current master branch with this command:

npm test

If you want the tests to be run automatically everytime you edit mock-api/casperjs/test use:

npm run autotest

Edit tests under mock-api/casperjs/test

UPDATE NEEDED!!

TODO / ideas:

  • Should we move the frontend to /mock-api, and create a process which compiles it + concatinates and puts the 'dist' in esp/data?
  • Instead of using a node.js mock-api, can we use the embedded C++ API of the kit somehow?