📖 This example is part of the free online book: Testing Angular – A Guide to Robust Angular Applications . 📖

This is an Angular example application implementing a Flickr photo search. There is one version with plain Angular and one version with NgRx.

The application is fully tested with unit and end-to-end tests.

Unit tests are written in plain Angular using TestBed and additionally using Spectator.

End-to-end tests are written with Cypress.

App structure plan (React version)

Other versions:

• Flickr Search with React
• Flickr Search with React and Redux
• Flickr Search with jQuery
• Flickr Search with Backbone
• Source code for the jQuery and Backbone versions

This non-commercial example application uses the Flickr API but is not endorsed or certified by Flickr Inc. or SmugMug, Inc. See the Flickr API Terms of Use.

The code contains a Flickr API key that is bound to the example application. If you wish to use the Flickr API in your application, you need to Request an API Key yourself.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Run ng test to execute the unit & integration tests with Karma and Jasmine.

Run ng run flickr-search:cypress-run to execute the Cypress end-to-end tests. (This starts the development server automatically.)

Run ng run flickr-search:cypress-open to start the interactive Cypress test runner.

Run npm run deploy to the deploy the code to [https://9elements.github.io/angular-flickr-search/].