apiKey

authDomain

databaseURL

projectId

storageBucket

messagingSenderId

appId

Gain insights into Ember.js, explore templates, components, routing, and testing. Delve into building a complete e-commerce app and integrate with Firebase to leverage Ember's features robustly.

tarball.tar.gz

FirstApp

templateIntro

stylingtemplate

addingbootstrap

completehomepage

Challenge

Settinguproutes

Modifyingroutes

notfoundroute

nestedroutes

dynamicroutes

categoryroute

addroute

components

controller

Firebase

helpers

services

tests

Ember.js is a JavaScript framework for building scalable web applications with discrete components.

In this course, practicing JavaScript developers will be introduced to the Ember.js framework. You’ll start by setting up Ember and creating a project application. You’ll continue with the building blocks of Ember.js, including templates, components, routing, services, helpers, Ember Data, and testing. You’ll then use the components to build a complete e-commerce application from scratch. Each lesson will add more depth and functionality to your application with hands-on exercises. Finally, you’ll integrate the application with Firebase.

By the end of the course, you’ll be prepared to leverage Ember’s key features to develop robust web applications.

Developing Robust Web Applications with Ember.js

# Overview

Testing is very important when it comes to creating Ember applications. They also allow us to check for bugs and breakdowns in the functionality. Therefore, they enable us to build robust applications.


# Why is testing important?
 
Tests act as a safeguard against unintentional bugs and strengthen the code. Tests also allow us to check for edge cases. This improves the stability of the application.

# Tools required for testing

Here are some of the tools that can help us in testing Ember applications:

* **QUnit**, **QUnit DOM**: These two ready-to-use tools come with Ember projects or applications. We can utilize QUnit DOM to create concise and easy-to-read tests. QUnit is another testing framework that can be used to create and write tests.

* **Mocha**, **Chai DOM**: Mocha is an asynchronous JavaScript test framework that runs on Node.js. It runs one operation at a time, allowing for accurate testing and reporting.

* **Ember CLI**: This is another testing tool that can be used to create and write testing files. The following three commands can be used to generate a test file: 

  ```shell
  ember g model-test teacher
  ember g component-test teacher
  ember g acceptance-test teachers
  ```

The commands above generate the following three test files:

  * The first generates a unit test file for the `teacher` model.
  * The second generates an integration test file for the `teacher` component.
  * The third generates an acceptance test file to check routes and subroutes for the `teachers`.


Apart from the tools mentioned above, we can also use the following tools for testing in Ember:

* Ember Test Selectors

* EmberCLI Mirage

* Ember Exam

* Percy

# Running tests

We can use either of the following commands to run tests:

```shell
ember test
```

```shell
ember t
```

It should be noted that the method above will only run the tests once. However, if we want to run the tests automatically whenever there’s a file change, we can use either of the following commands:

```shell
ember test --server
```
```shell
ember t -s
```

> **Note:** We can visit `/tests` to render the `tests` template if we’re running our Ember application on a local server.

## Filtering tests

We can use the `--module` or `--filter`  option to specify which tests to run. This comes in handy when we only want to test a part of the application after file changes. Execute `ember help test` inside the terminal to learn more about the options for testing.

# Debugging tests

Sometimes, our tests may fail. In such a scenario, we want to debug our tests or find the problem that causes the failure. We can use a debugger to do this.


> **Note:** The `pauseTest()` and `resumeTest()` functions can also be used for debugging. We can use these to inspect the DOM. These functions can also be used to test the code-base.


Learn about testing in Ember, its importance, its types, the tools required for testing, running tests, and debugging tests.

Introduction to Testing

Course Overview

Getting Started with Ember

Templates in Ember

Routing in Ember

Nested Routing

Components in Ember

Controllers in Ember

Ember Data

Integration with Firebase

Helpers

Services in Ember

Testing in Ember

Conclusion

Ember.js Assessment

Introduction to Testing

Overview

Why is testing important?

Tools required for testing