angular-cn/integration
Jason Aden de795ea233 perf: distrubute smaller bundled code and include es2015 bundle
TypeScript compiler will now build to ES2015 code and modules. Babili is used to minify ES2015
code, providing an initial optimization that we couldn't previously get just from Uglify. Uses
Babel to convert ES2015 to UMD/ES5 code, and Uglify to minimize the output.
2017-02-21 20:48:55 -08:00
..
hello_world__closure perf: distrubute smaller bundled code and include es2015 bundle 2017-02-21 20:48:55 -08:00
typings_test_ts21 build: allow users to specify --strictNullChecks (#14382) 2017-02-10 14:10:03 -06:00
.gitignore perf: distrubute smaller bundled code and include es2015 bundle 2017-02-21 20:48:55 -08:00
README.md perf: distrubute smaller bundled code and include es2015 bundle 2017-02-21 20:48:55 -08:00
build_rxjs_es6.sh test(integration): add an env for testing closure builds (#14130) 2017-01-27 09:17:50 -08:00
run_tests.sh perf: distrubute smaller bundled code and include es2015 bundle 2017-02-21 20:48:55 -08:00
rxjs.tsconfig.json fix: build and test fixes for TS 2.1 (#13294) 2017-02-08 11:32:40 -06:00

README.md

Integration tests for Angular

This directory contains end-to-end tests for Angular. Each directory is a self-contained application that exactly mimics how a user might expect Angular to work, so they allow high-fidelity reproductions of real-world issues.

For this to work, we first build the Angular distribution just like we would publish it to npm, then install the distribution into each app.

Writing an integration test

The API for each test is:

  • Each sub-directory here is an integration test
  • Each test should have a package.json file
  • The test runner will run yarn and yarn test on the package

This means that the test should be started by test script, like

'scripts' { 'test': 'runProgramA && assertResultIsGood' }

Note that the package.json file uses a special file://../../dist scheme to reference the Angular packages, so that the locally-built Angular is installed into the test app.

Also, beware of floating (non-shrinkwrapped) dependencies. If in doubt you can install the package directly from file:../../node_modules. For example, this is useful for protractor, which has a slow post-install step (webdriver-manager update) that can be skipped when the package from Angular's node_modules is installed.

Running integration tests

The first time you run the tests, you'll need some setup:

$ ./integration/build_rxjs_es6.sh

Now you can iterate on the tests by keeping the dist folder up-to-date. See the package.json of the test(s) you're debugging, to see which dist/ folders they install from. Then run the right tsc --watch command to keep those dist folders up-to-date, for example:

$ ./node_modules/.bin/tsc -p modules/@angular/core/tsconfig-build.json --outDir dist/packages-dist/core --watch

Now you can run the integration test, it will re-install from the dist/ folder on each run.

$ ./integration/run_tests.sh