Skip to content

A starter kit for building a standard navigation-style app with Aurelia.

License

Notifications You must be signed in to change notification settings

JavascriptDominicana/skeleton-navigation

 
 

Repository files navigation

aurelia-skeleton-navigation (Grunt + Bower)

This is a fork of the original skeleton navigation for Aurelia. The objective here is to replace Gulp with Grunt and JSPM with Bower. So far we have implement bower, and work on implementing grunt has started.

This skeleton sets up a standard navigation-style app using gulp to build your ES6 code with the 6to5 compiler. Karma/Jasmine testing is also configured.

To keep up to date on Aurelia, please visit and subscribe to the official blog. If you have questions, we invite you to join us on our Gitter Channel.

Running The App

To run the app, follow these steps.

  1. Ensure that NodeJS is installed. This provides the platform on which the build tooling runs.
  2. From the project folder, execute the following command:
npm install
  1. Ensure that Gulp is installed. If you need to install it, use the following command:
npm install -g gulp
  1. Ensure that bower is installed. If you need to install it, use the following command:
npm install -g bower
  1. Install the client-side dependencies with bower:
bower install
  1. To run the app, execute the following command:
gulp watch
  1. Browse to http://localhost:9000 to see the app. You can make changes in the code found under src and the browser should auto-refresh itself as you save files.

Note: At present there is a bug in the HTMLImports polyfill which only occurs on IE. We have submitted a pull request to the team with the fix. In the mean time, if you want to test on IE, you can work around the issue by explicitly adding a script tag before you load system.js. The script tag should look something like this (be sure to confirm the version number):

<script src="assets/bower/webcomponentsjs/HTMLImports.min.js"></script>

Running The Unit Tests

To run the unit tests, first ensure that you have followed the steps above in order to install all dependencies and successfully build the library. Once you have done that, proceed with these additional steps:

  1. Ensure that the Karma CLI is installed. If you need to install it, use the following command:
npm install -g karma-cli
  1. Install Aurelia libs for test visibility:
bower install aurelia-framework
bower install aurelia-http-client
bower install aurelia-router
  1. You can now run the tests with this command:
karma start

Running The E2E Tests

Integration tests are performed with Protractor.

  1. Place your E2E-Tests into the folder test/e2e/src
  2. Install the necessary webdriver
gulp webdriver_update
  1. Configure the path to the webdriver by opening the file protractor.conf.js and adjusting the seleniumServerJar property. Typically its only needed to adjust the version number.

  2. Run the E2E-Tests

gulp e2e

About

A starter kit for building a standard navigation-style app with Aurelia.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 84.8%
  • HTML 13.7%
  • CSS 1.5%