Book Image

Jasmine JavaScript Testing Update

By : Paulo Vitor Zacharias Ragonha
Book Image

Jasmine JavaScript Testing Update

By: Paulo Vitor Zacharias Ragonha

Overview of this book

Table of Contents (15 chapters)

Basic View coding rules


Now, it is time to start coding the first View component. To help us through the process, we are going to lay two basic rules for View coding happiness:

  • The View should encapsulate a DOM element

  • Integrate Views with observers

So, let's see how they work individually.

The View should encapsulate a DOM element

As mentioned earlier, a View is the behavior associated with a DOM element, so it makes sense to have this element related to the View. A good pattern is to pass a CSS selector in the View instantiation that indicates the element to which it should refer. Here is the spec for the NewInvestmentView component:

describe("NewInvestmentView", function() {
  var view;
  beforeEach(function() {
    loadFixtures('NewInvestmentView.html');
    view = new NewInvestmentView({
      selector: '#new-investment'
    });
  });
});

In the constructor function at the NewInvestmentView.js file, it uses jQuery to get the element for this selector and to store it in an instance variable...