Feature/25/layout component

[MichaelAng]

Issue

PR #25 PR #26

Changes

• Add a list of spell list
• Add a container
• Add panels

  Steps to test

  1. run docker-compose build && docker-compose up -d
  2. navigate to /spells
• [x] Verify the application looks like the following
  1. Run npm test
• [ ] Verify all tests should pass

  Help

wiki

[zahid]

The app looks good, but the tests fail with this output:

19 10 2016 20:46:26.931:INFO [karma]: Karma v1.3.0 server started at http://localhost:9876/
19 10 2016 20:46:26.933:INFO [launcher]: Launching browser PhantomJS with unlimited concurrency
19 10 2016 20:46:26.985:INFO [launcher]: Starting browser PhantomJS
19 10 2016 20:46:27.416:INFO [PhantomJS 2.1.1 (Mac OS X 0.0.0)]: Connected on socket /#MkoETPXaH6cImio1AAAA with id 87825771
PhantomJS 2.1.1 (Mac OS X 0.0.0) App should work FAILED
    Error: Template parse errors:
    'nav-header' is not a known element:
    1. If 'nav-header' is an Angular component, then verify that it is part of this module.
    2. If 'nav-header' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message. ("[ERROR ->]<nav-header></nav-header>
    <router-outlet></router-outlet>
    "): AppComponent@0:0
    'router-outlet' is not a known element:
    1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
    2. If 'router-outlet' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message. ("<nav-header></nav-header>
    [ERROR ->]<router-outlet></router-outlet>
    "): AppComponent@1:0 in config/spec-bundle.js (line 47423)
    parse@webpack:///~/@angular/compiler/bundles/compiler.umd.js:8530:0 <- config/spec-bundle.js:47423:73
    _compileTemplate@webpack:///~/@angular/compiler/bundles/compiler.umd.js:16905:0 <- config/spec-bundle.js:55798:59
    webpack:///~/@angular/compiler/bundles/compiler.umd.js:16828:77 <- config/spec-bundle.js:55721:102
    forEach@webpack:///~/core-js/modules/_collection-strong.js:72:0 <- config/spec-bundle.js:4654:13
    compile@webpack:///~/@angular/compiler/bundles/compiler.umd.js:16828:37 <- config/spec-bundle.js:55721:57
    _compileComponents@webpack:///~/@angular/compiler/bundles/compiler.umd.js:16830:0 <- config/spec-bundle.js:55723:23
    _compileModuleAndAllComponents@webpack:///~/@angular/compiler/bundles/compiler.umd.js:16747:0 <- config/spec-bundle.js:55640:58
    compileModuleAndAllComponentsSync@webpack:///~/@angular/compiler/bundles/compiler.umd.js:16735:0 <- config/spec-bundle.js:55628:54
    compileModuleAndAllComponentsSync@webpack:///~/@angular/compiler/bundles/compiler-testing.umd.js:758:0 <- config/spec-bundle.js:38833:69
    _initIfNeeded@webpack:///~/@angular/core/bundles/core-testing.umd.js:1059:0 <- config/spec-bundle.js:27749:74
    createComponent@webpack:///~/@angular/core/bundles/core-testing.umd.js:1141:0 <- config/spec-bundle.js:27831:32
    createComponent@webpack:///~/@angular/core/bundles/core-testing.umd.js:972:0 <- config/spec-bundle.js:27662:49
    webpack:///src/app/app.component.spec.ts:9:42 <- config/spec-bundle.js:63737:57
    invoke@webpack:///~/zone.js/dist/zone.js:203:0 <- config/spec-bundle.js:6797:34
    onInvoke@webpack:///~/zone.js/dist/proxy.js:72:0 <- config/spec-bundle.js:8151:46
    invoke@webpack:///~/zone.js/dist/zone.js:202:0 <- config/spec-bundle.js:6796:43
    run@webpack:///~/zone.js/dist/zone.js:96:0 <- config/spec-bundle.js:6690:50
    webpack:///~/zone.js/dist/jasmine-patch.js:91:27 <- config/spec-bundle.js:8339:54
    execute@webpack:///~/zone.js/dist/jasmine-patch.js:119:0 <- config/spec-bundle.js:8367:47
    execute@webpack:///~/zone.js/dist/jasmine-patch.js:119:0 <- config/spec-bundle.js:8367:47
    webpack:///~/zone.js/dist/jasmine-patch.js:116:91 <- config/spec-bundle.js:8364:130
    invokeTask@webpack:///~/zone.js/dist/zone.js:236:0 <- config/spec-bundle.js:6830:43
    runTask@webpack:///~/zone.js/dist/zone.js:136:0 <- config/spec-bundle.js:6730:58
    drainMicroTaskQueue@webpack:///~/zone.js/dist/zone.js:368:0 <- config/spec-bundle.js:6962:43
    run@webpack:///~/core-js/modules/es6.promise.js:87:0 <- config/spec-bundle.js:4127:30
    webpack:///~/core-js/modules/es6.promise.js:100:0 <- config/spec-bundle.js:4140:32
    flush@webpack:///~/core-js/modules/_microtask.js:18:0 <- config/spec-bundle.js:4495:12
PhantomJS 2.1.1 (Mac OS X 0.0.0): Executed 1 of 1 (1 FAILED) ERROR (0.176 secs / 0.039 secs)