23-testing-controllers's Introduction

Lab 23 - Testing Angular Controllers

To Submit this Assignment

create a new branch and work off of the same fork that you made on Monday
push to your repository
submit a pull request to this repository
submit a link to your PR in canvas
write a question and observation on canvas

Include

.eslintrc
.babelrc
.gitignore
package.json
- create an npm watch script for running webpack-dev-server --inline --hot
- create an npm lint script for linting your JS with eslint
- create an npm test script for running karma and all associated tests
- create an npm test-watch script for running karma on file system changes
ignore the build directory
webpack.config.js
karma.config.js

Description

Use the karma init karma.conf.js CLI tool to generate a new karma configuration file
- include this file in your assignment submission
Write a test that checks for default properties set by your controller(s)
Write a series of tests that check your controller methods for expected functionality
Use the following segments of code (this is all you need) to update your webpack.config.js so that you have the ability to see the source-maps for your resources in the Chrome dev tools.

  devtool: 'source-map'

  new ExtractTextPlugin({filename: 'bundle.css'})

  use: ExtractTextPlugin.extract(
    {
      use: [
        { loader: 'css-loader',  options: { sourceMap: true } },
        {
          loader: 'sass-loader',
          options: {
            sourceMap: true,
            includePaths: [`${__dirname}/app/scss/`]
          }
        },
      ]
    }
  )

Bonus

2pts: Create a series of scss partials for your _base styles, _reset stylesheet, and _main styles
- these should be imported (@import) into a core.scss file that will be compiled into a stylesheet for your application

Recommend Projects