anchor.diff:  }
   ----
   
  -
   [[vaadin-angular2-polymer.ng2cli.testing]]
   == Testing Polymer Elements
   
  -Angular 2 comes with a https://angular.io/docs/ts/latest/testing/[testing library] based on the https://karma-runner.github.io[karma.js] test runner.
  -
  -Karma needs to be configured appropriately to import all needed polymer elements, before running any test.
  +Angular-CLI projects come with https://karma-runner.github.io[Karma] tests.
  +
  +Karma needs to be configured appropriately to import all needed Polymer elements, before running any test.
   
   This is done in the [propertyname]#files# section of the [filename]#config/karma.conf.js# file as follows:
   
  
positive.code: 
  Now you can run `ng serve`, open the application in your browser, and everything should work with no errors in the console.
  
  [NOTE]
  The [filename]#webcomponents.js# polyfill is not necessary for browsers that fully implement the Web Components Spec (Only Chrome does so far).
  
  [NOTE]
  Although we can add polymer dependencies to the [filename]#index.html# file, we do prefer to maintain the auxiliary [filename]#elements.html#, so as we can reuse in tests as is described below.
  
  [[vaadin-angular2-polymer.ng2cli.directive]]
  == Adding The Polymer Elements Directive
  
  For using Polymer elements in Angular we need to import the [classname]#PolymerElement# directive from https://github.com/vaadin/angular2-polymer[@vaadin/angular2-polymer]. Thus we need to install the dependency by typing:
  
  [subs="normal"]
  ----
  
negative.code: [source,html]
  .src/index.html
  ----
  <head>
    ...
    <style is="custom-style">
      body {
        @apply(--layout-fullbleed);
        @apply(--paper-font-body1);
      }
    </style>
  </head>
  ----
  
  [source,css]
  