Gitiles
Code Review Sign In
gerrit.opencord.org / xos-gui / 583234ddbcb4ef5f6aca0a589b0e43a84f0129fd
commit583234ddbcb4ef5f6aca0a589b0e43a84f0129fd[log] [tgz]
authorMatteo Scandolo <matteo.scandolo@gmail.com>Thu Apr 20 14:33:04 2017 -0700
committerMatteo Scandolo <teo@onlab.us>Fri May 12 15:55:47 2017 -0700
tree3e2a24b1df833da4c60ad3a10abda5486e381e48
parenta338531beb36751719f90d15a44b4ac4be8b0f33 [diff]
[CORD-1133] E2E GUI Tests

Change-Id: I521d0cc068a3e328f3d4f421ba4b342bea167e19
(cherry picked from commit d3b57a10471fcaf579707d636c0dbeb9328bae33)
15 files changed
tree: 3e2a24b1df833da4c60ad3a10abda5486e381e48
  1. .dockerignore
  2. .gitattributes
  3. .gitignore
  4. Dockerfile
  5. Dockerfile.xos-gui-extension-builder
  6. Jenkinsfile
  7. README.md
  8. conf/
  9. e2e/
  10. gulp_tasks/
  11. gulpfile.js
  12. nginx.conf
  13. nodesource.gpg.key
  14. package.json
  15. src/
  16. tsconfig.json
  17. tsconfig.test.json
  18. tslint.json
  19. typings.json
README.md

XOS GUI

Experimental Feature

This UI is currently hidden behind a flag and at the current state it is guaranteed as working only from the frontend config.

Setup the correct environment:

  • Clone opencord using repo
repo init -u https://gerrit.opencord.org/manifest
repo sync
  • Download XOS patch to enable Redis notifications (waiting for the release to merge it)
cd orchestration/xos
git review -d 1852

Start the system

A vagrant VM is provided to make your life easier, so:

cd orchestration/service-profile/frontend
vagrant up frontend
vagrant ssh frontend # password is vagrant
cd service-profile/frontend
make local_containers
make
make experimental-ui

The new UI is now accessible at http://<your-ip> on port 80

If you want to create some slices to have some data:

make slices

Development

This application can be executed on your system as long as you have NodeJs version 4 or higher.

To start de development environment use: npm start

Configuration

There are two configuration file available in the application, and they depend on the environment. You can find the various possibilities in conf/app, and they regard application constants, such as apiEndpoint, or branding elements, such as projectName.

To load a different configration file you can use two environment variables:

  • NODE_ENV: to configure the app constants (eg: dev, production)
  • BRAND: to configure style constants (eg: cord, opencloud)

Test

To commands come with the project:

  • npm run test:auto to watch source files and run test anytime they change, useful for development
  • npm test to run test once, this is the command triggered by Jenkins

Emulate a Synchronizer notification

redis-cli -h xos.dev
 
# In progress
PUBLISH Slice "{\"pk\": 19, \"object\": {\"id\": 19,\"name\": \"mysite_test_redis\", \"backend_status\": \"0 - In Progress\"}, \"changed_fields\": [\"updated\", \"backend_status\"]}"
 
# Succes
PUBLISH Slice "{\"pk\": 19, \"object\": {\"id\": 19,\"name\": \"mysite_test_redis\", \"backend_status\": \"1 - Success\"}, \"changed_fields\": [\"updated\", \"backend_status\"]}"
 
# Error
PUBLISH Slice "{\"pk\": 19, \"object\": {\"id\": 19,\"name\": \"mysite_test_redis\", \"backend_status\": \"2 - Error\"}, \"changed_fields\": [\"updated\", \"backend_status\"]}"