changes

Author: akanagar

angular-mock-service/files/datatable.md

@@ -1 +1,2 @@
+2. A data table with all the elements
 A data table with CRUD operations is very useful (in our case we only view details or delete an item, but they illustrate two important things: the details view shows how to navigate and consume a parametric route, the delete action shows how to invoke service operations over the loaded data - this means that the component is reusable and when the data comes with an API, only the service will need it’s implementation changed)

angular-mock-service/files/details.md

@@ -1 +1 @@
-A details page that reads a route paramenter and displays the details of the element.
+3. A details page that reads a route paramenter and displays the details of the element.

angular-mock-service/files/leaderboard.md

@@ -1 +1,2 @@
+1. A leader board with the top 3 elements
 A leader board can be understood as "the most popular items in a set", "the latest updated items", "you favorite items" etc.

angular-mock-service/index.asciidoc

@@ -29,14 +29,11 @@ When testing a component with service dependencies, the best practice is mocking
 
 Here, we will go through a angular-mock-service sample app.
 
-The app presents 3 pages as follows:
+
 [step]
 --
-displayContent("A leader board with the top 3 elements", [{ "file": "files/leaderboard.md" }, {"image": "images/leaderboard.png"}])
-
-displayContent("A data table with all the elements", [{ "file": "files/datatable.md" }, {"image": "images/data-table.png"}])
+displayContent("The app presents 3 pages as follows: ", [{ "file": "files/leaderboard.md" }, {"image": "images/leaderboard.png"}, { "file": "files/datatable.md" }, {"image": "images/data-table.png"}, { "file": "files/details.md" }, {"image": "images/detail.png"}])
 
-displayContent("A details page", [{ "file": "files/details.md" }, {"image": "images/detail.png"}])
 --
 
 First, we have to clone the Devon4ng repository to access Angular Mock Service Sample.