Giter VIP home page Giter VIP logo

angular-test-patterns's Introduction

Angular Test Patterns Build Status Dependency Status

High Quality Cut-n-Paste Guide for Testing your AngularJS Controllers, Services, Constants, Directives and Filters. As well as ideas on how to use Mocks, End-to-End tests, Performance Testing, A/B Testing and More!

Testing Patterns

What's an AngularJS Test Pattern?

A test pattern is a proven way to properly test a given feature of your AngularJS application. It's a design pattern for testing.

Why?

This started as a place for me to jot down the patterns I've been using while building several AngularJS projects.

Contributing Test Patterns

Pull Requests Welcome! I would love see these patterns evolve over time from community input as more refined approches are discovered. So please share what's working well for you!

Prepare your environment

  • Install Node.js (NPM will come bundled).
  • Fork the main repository.
  • Clone your Github repository: git clone [email protected]:<github username>/angular-test-patterns.git
  • Go to the test patterns directory: cd angular-test-patterns
  • Add the main repository as an upstream remote to your repository: git remote add upstream https://github.com/daniellmb/angular-test-patterns.git
  • Run bash init-repo.sh to initialize your local repository.

To add a new test pattern

Unit Testing the Patterns

To ensure a clear and consistent style of test patterns, every block of code must pass the following rules via npm test The rules are written in literate CoffeeScript so they are nicely self-documenting.

To add a new pattern rule

  • Create a new <my-rule-name>.spec.coffee.md literate CoffeeScript file in the spec/rules folder.
  • Create a new <my-rule-name> folder in the spec/fixtures folder.
    • Add a text file for each of the supported languages, see examples.
    • Make your fixture as specific as possible. For example, if you are testing that the pattern is lint-free you don't need to include a code comment as there is a separate test for that.
  • Define your test pattern rule, see examples.
  • Run npm run testRules to ensure the rule passes using the fixtures.

Submitting Your Changes

  • Create and checkout a new branch off the master branch for your changes: git checkout -b my-fix-branch master
  • Create your patch, make sure that all tests pass.
  • Commit your changes and create a descriptive commit message (the commit message is used to generate release notes, please check out the commit message conventions and the commit message presubmit hook validate-commit-msg.js): git commit -a
  • Push your branch to Github: git push origin my-fix-branch
  • In Github, send a pull request to daniellmb:master
  • If you need to make changes to your pull request, you can update the commit with git commit --amend. Then, update the pull request with git push -f.
  • When the patch is reviewed and merged, delete your branch and pull yours โ€” and other โ€” changes from the main (upstream) repository:
    • Delete your branch in Github, run: git push origin :my-fix-branch
    • Check out the master branch, run: git checkout master
    • Delete your local branch, run: git branch -D my-fix-branch
    • Update your master with the latest upstream version, run: git pull --ff upstream master

That's it! Thank you for your contribution!

The Future

Once we have a solid set of robust testing patterns, I'd like to get them integrated into a Yeoman AngularJS generator.

License

The MIT License

Copyright (c) 2013 Daniel Lamb <daniellmb.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

angular-test-patterns's People

Contributors

daniellmb avatar felippenardi avatar yanivefraim avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular-test-patterns's Issues

Error: Cannot find module './lib/tester.util'

module.js throws an exception when I try to run "npm test" immediately after setup, following the README instructions.

Please see related output of command at https://gist.github.com/lsiden/9161456.

Also, after completely uninstalling and re-installing nodejs for good measure, it no longer writes anything to npm-debug.log.

Is it possible I am missing something from my environment?

Mocha: expected [Function: wrapper] to throw an error

Hi,

When running the service test template through Karma, the error test fails, as it is not throwing an error.

I happen to be using Mocha (and have converted the matcher to:

expect(wrapper).to.throw('mySvc:  not provided');

Do you have any insight why the test might be failing?

Karma runner coffeescript support

Coffeescript looks to be fully supported now in the Karma Runner so the following file can be updated.

patterns/coverage.md

However, I'm not sure if just removing the message or adding a note that is supported is best?

Acceptance / Cucumberjs Tests?

Hi. First let me say, WOW. This is an awesome guide that gives clear examples for pretty much all things you could do in unit testing for AngularJS.

At my current job we are also using what we call "acceptance tests". These use protractor, but in the protractor.conf file for framework we choose 'protractor-cucumber-framework'. They are executed through the command line like any other protractor.conf.js file. This will allow you to write .feature files in Gherkin language and then implement them in low-level step definition methods. These tests are not really e2e tests that touch external things but are more just your standard selenium web tests that check basic operational functionality in the application.

So you might consider adding that to your list of tests since it is a difference type of automating testing and is really awesome and useful in itself.

Checking if controller exists

Hello, can you explain me something ?

In controllers testing pattern you have something like this:

var myCtrl;

// Initialize the controller and scope
beforeEach(function () {
// Load the controller's module
module('myApp');

// create contreoller
inject(function ($controller,) {
  scope = {};
  myCtrl = $controller('myCtrl', {
    $scope: scope
  });
});

});

// Now time for test
Can you explaing why this test is passing

it('should exist', function () {
expect(!!myCtrl).toBe(true);
});

// and this one

it('should exist', function () {
expect(myCtrl).toBe(true);
});

// is throwing an error like this:

Expected {  } to be true.
Error: Expected {  } to be true.

Isnt something like this !!true === true, actuall true ?

New rule to organize unit test contents

@yanivefraim I've always used comments to help organize the contents of a particular unit test such as:

// arrange
// act
// assert

or

// given
// when
// then

What do you think about adding a new rule to require similar comments within the test patterns?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.