Testing and supporting Backbone.js views

Having now created test suites for Backbone.js models and collections, we turn to expanding our test coverage to a Backbone.js view.

The Notes application single note view

The first Backbone.js view we will examine is App.Views.NoteView. This view is responsible for rendering App.Models.Note Markdown data into full HTML as shown in the following screenshot:

View rendered Markdown

The underlying model data for the figure includes the following attributes:

• title:

  My Title

• text:

  ## My Heading
  * List item 1
  * List item 2

The text attribute data transforms to HTML as:

<h2 id="myheading">My Heading</h2>
<ul>
  <li>List item 1</li>
  <li>List item 2</li>
</ul>

App.Views.NoteView is responsible for performing this conversion. The notes/app/js/app/views/note-view.js file first provides an initialize function, which sets model listeners to re-render or clean up the view and then kicks off render(). The render function...