Generic filters
Search in title

Comprehensive Testing Angular Training

  • Training Duration:
  • 3 Days
  • Training Environment:
  • On-site at the Institution
  • In DVA Classrooms
  • Online
Download Training Document
Request Information!

About the Training

The Comprehensive Testing in Angular Training is an ideal resource for developers who want to learn testing techniques to enhance the quality and reliability of their Angular applications. Designed for those familiar with developing web applications using Angular, this training provides a deep understanding of the testing processes.

In the first section of the course, we cover the importance of testing in Angular and introduce fundamental concepts. Participants will learn why testing processes are critical and how they impact the quality of Angular applications.

Next, we focus on unit testing in Angular and how to write effective unit tests. Using the Jasmine testing framework and Karma test runner, we teach how to test services, components, and directives. Participants will also learn how to test asynchronous code and dependencies.

The training also covers integration testing, demonstrating how to test more complex interactions between components and services in Angular applications. We explore how to perform end-to-end (E2E) tests using tools like Protractor, ensuring the overall workflow of the application is validated.

Additionally, we focus on various strategies and tools to increase the speed and efficiency of testing. Participants will learn how to integrate tests into continuous integration systems and automate the testing process.

The Comprehensive Testing in Angular Training also includes techniques for measuring code coverage, teaching how to assess how much of your code is covered by tests.

The course provides the opportunity to work on real-world examples; participants will apply the testing concepts they learn in hands-on projects related to Angular. This helps to solidify the understanding of testing processes, strategies, and best practices.

The Comprehensive Testing in Angular Training equips participants with the knowledge and skills needed to test Angular applications in a reliable and robust manner. The course provides both theoretical knowledge and practical experience, enabling effective implementation of testing processes in Angular-based projects.

What Will You Learn?

You will work on understanding and applying fundamental Angular concepts such as Components, Modules, Databinding, Services, and Dependency Injection. You will gain knowledge in front-end development, including building user interfaces with Angular, routing, forms, API calls, visual effects, and other essential front-end concepts. You will learn how to create RESTful APIs using Web API and how to manage data flow between the Angular front-end and the back-end. You will have the opportunity to learn how to develop and deploy full-stack (front-end and back-end) applications, applying Angular and Web API technologies hands-on. Throughout the training, you will work on a project, applying Angular and Web API technologies in a practical setting. This training program is ideal for web developers who want to learn how to develop full-stack applications using Angular and Web API technologies.

Prerequisites

ChatGPT
The prerequisites for the Angular and Web API Full-Stack Applications Bootcamp may include:
  • A solid understanding of basic concepts in HTML, CSS, and JavaScript.
  • Knowledge of web applications and database concepts.
  • Proficiency in using relevant software tools (e.g., Visual Studio Code, Node.js).
If these prerequisites are not met, it is recommended to first enhance your knowledge and practice in these areas. Additionally, having a basic understanding of Angular and Web API will make the training more efficient and easier to follow.

Who Should Attend?

The Angular and Web API Full-Stack Applications Bootcamp may be suitable for the following individuals:
  • Web Developers: Those who want to learn how to develop full-stack web applications using Angular and Web API.
  • Entry-Level Full-Stack Developers: Beginners looking to learn complementary technologies by using Angular and Web API in their full-stack development journey.
  • Business and IT Professionals: Individuals who want to understand how to build web applications using Angular and Web API and apply these technologies within their organizations.
If you decide to take this training, it’s important to have an interest and passion for Angular and Web API topics, a willingness to learn, and a readiness to focus on hands-on projects.

Outline

Angular Testing Overview Setup, tools and technologies
  • Unit Testing
  • Organization and Conventions
  • Jasmine
    • Built-In Matchers
    • Setup and Teardown
    • Disabled and Focused Tests
  • Karma
  • Command line parameters
  • Testing Pipes
  • Testing Components
  • Testing Change Detection
  • Testing Services
  • Testing Asynchronous Code
  • Testing Http
  • Testing Forms
  • Testing Routing
  • Angular Test Bed
  • Run your tests in a headless browser for automated tests environments (Continuous Integration)
  • Code coverage report and Code coverage enforcement
  • Mocks & Spies
    • Mock with fake class
    • Mock with spy
    • The Auto Spies Library
  • End To End (E2E) testing
  • Protractor
  • Cypress
PART 1: UNIT TESTS
  • Unit tests with Jest
  • Jasmine Jest
  • Test Coverage
  • Extending Jest
  • Asynchronicity
  • fakeAsync waitForAsync
  • Mocking: mock, jest.fn, jest.spyOn
  • Stubbing
  • Testing of reactivity
  • RxJS Marbles for pipe operators
  • Use of RxJS Marbles in normal unit tests
  • Unit tests for NGRX
PART 2: COMPONENT & INTEGRATION TESTS
  • Component Tests
  • TestBed and Dependency Injection
  • DOM interaction
  • Change detection
  • Component Snapshots
  • Advanced component tests
  • Nested components
  • Testing @Input and @Output
  • Testing directives and pipes
  • Factory methods for reducing boilerplate code
  • Spectator
  • Testing Library
  • Harnesses
  • Reuse harnesses
  • Integration tests
  • HttpTestingController
  • RouterTestingModule
  • NgRx and the MockStore
  • Best Practices
  • Two approaches: London & Detroit
  • Test strategies: when should I use what?
  • Testable architecture
PART 3: END-TO-END TESTS WITH CYPRESS & VISUAL REGRESSION
  • Visual regression with storybook
  • Multiple Jest configurations
  • Puppeteer
  • Storybook
  • StoryShots
  • Cypress
  • Overview of existing E2E frameworks
  • Difference between Web-Driver and Chrome DevTools protocol
  • Cypress and its “awaiting” feature
  • The cy object
  • Implicit and explicit assertions
  • Cypress Advanced
  • Page Object Models
  • cy expand object
  • Avoid Flaky Tests
  • Mocking of HTTP requests
  • Reuse Angular Harnesses
  • Cypress and Beyond
  • Optimal test design
  • Conditional tests
  • Direct communication with the backend
  • Unit tests in connection with Storybook
  • Unit tests with Component Test Runner
  • Test Coverage

Training Request Form

If you want to maximize the benefits of your training in terms of time and cost efficiency, all you need to do is contact us.

Our training consultants will get in touch with you, assist in identifying your organization’s needs, and provide the most suitable training programs for your employees.

Training Request Form

Digital Vision Academy © All Rights Reserved 2023