Fixed wrong diffs in Tutorial (#146)

Author: y-kimura-39ra

guides/v3.4.0/tutorial/acceptance-test.md

@@ -45,8 +45,8 @@ To do that, replace occurrences of `/list-rentals` in the generated test with `/
 
 ```javascript {data-filename="tests/acceptance/list-rentals-test.js" data-diff="-8,+9,-10,+11,-12,+13"}
 import { module, test } from 'qunit';
-import { setupApplicationTest } from 'ember-qunit';
 import { visit, currentURL } from '@ember/test-helpers';
+import { setupApplicationTest } from 'ember-qunit';
 
 module('Acceptance | my acceptance test', function(hooks) {
   setupApplicationTest(hooks);

guides/v3.4.0/tutorial/autocomplete-component.md

@@ -24,7 +24,7 @@ which allows a Handlebars template to be rendered _inside_ the component's templ
 
 In this case we are passing, or "yielding", our filter data to the inner markup as a variable called `filteredResults` (line 14/).
 
-```handlebars {data-filename="app/templates/rentals.hbs" data-diff="+12,+13,+14,+15,+16,+17,+18,+19,+20,-21,-22,-23"}
+```handlebars {data-filename="app/templates/rentals.hbs" data-diff="+12,+13,+14,+15,+16,+17,+18,+19,+20,+21,-22,-23,-24"}
 <div class="jumbo">
   <div class="right tomster"></div>
   <h2>Welcome!</h2>
@@ -45,6 +45,7 @@ In this case we are passing, or "yielding", our filter data to the inner markup
     {{/each}}
   </ul>
 {{/list-filter}}
+{{outlet}}
 {{#each model as |rentalUnit|}}
   {{rental-listing rental=rentalUnit}}
 {{/each}}

guides/v3.4.0/tutorial/installing-addons.md

@@ -56,7 +56,7 @@ Our primary focus with mirage will be in the `config.js` file, which is where we
 We will be following the [JSON-API specification](http://jsonapi.org/) which requires our data to be formatted a certain way.
 Let's configure Mirage to send back our rentals that we had defined above by updating `mirage/config.js`:
 
-```javascript {data-filename="mirage/config.js" data-diff="+1,+2,+3,+4,+5,+6,+7,+8,+9,+10,+11,+12,+13,+14,+15,+16,+17,+18,+19,+20,+21,+22,+23,+24,+25,+26,+27,+28,+29,+30,+31,+32,+33,+34,+35,+36,+37,+38,+39,+40,+41,+42,-43,-44,-45,-46,-47,-48,-49,-50,-51,-52,-53,-54,-55,-56,-57,-58,-59,-60,-61,-62,-63,-64,-65,-66,-67"}
+```javascript {data-filename="mirage/config.js" data-diff="+1,+2,+3,+4,+5,+6,+7,+8,+9,+10,+11,+12,+13,+14,+15,+16,+17,+18,+19,+20,+21,+22,+23,+24,+25,+26,+27,+28,+29,+30,+31,+32,+33,+34,+35,+36,+37,+38,+39,+40,+41,+42,+43,+44,+45,-46,-47,-48,-49,-50,-51,-52,-53,-54,-55,-56,-57,-58,-59,-60,-61,-62,-63,-64,-65,-66,-67,-68,-69,-70"}
 export default function() {
   this.namespace = '/api';
 
@@ -71,7 +71,8 @@ export default function() {
           city: 'San Francisco',
           category: 'Estate',
           bedrooms: 15,
-          image: 'https://upload.wikimedia.org/wikipedia/commons/c/cb/Crane_estate_(5).jpg'
+          image: 'https://upload.wikimedia.org/wikipedia/commons/c/cb/Crane_estate_(5).jpg',
+          description: "This grand old mansion sits on over 100 acres of rolling hills and dense redwood forests."
         }
       }, {
         type: 'rentals',
@@ -82,7 +83,8 @@ export default function() {
           city: 'Seattle',
           category: 'Condo',
           bedrooms: 1,
-          image: 'https://upload.wikimedia.org/wikipedia/commons/0/0e/Alfonso_13_Highrise_Tegucigalpa.jpg'
+          image: 'https://upload.wikimedia.org/wikipedia/commons/0/0e/Alfonso_13_Highrise_Tegucigalpa.jpg',
+          description: "A commuters dream. This rental is within walking distance of 2 bus stops and the Metro."
         }
       }, {
         type: 'rentals',
@@ -93,9 +95,10 @@ export default function() {
           city: 'Portland',
           category: 'Apartment',
           bedrooms: 3,
-          image: 'https://upload.wikimedia.org/wikipedia/commons/f/f7/Wheeldon_Apartment_Building_-_Portland_Oregon.jpg'
+          image: 'https://upload.wikimedia.org/wikipedia/commons/f/f7/Wheeldon_Apartment_Building_-_Portland_Oregon.jpg',
+          description: "Convenience is at your doorstep with this charming downtown rental. Great restaurants and active night life are within a few feet."
         }
-      }]
+      }];
     };
   });
 }

guides/v3.4.0/tutorial/model-hook.md

@@ -113,14 +113,6 @@ To find the elements that have a class called `listing`, we'll use the method [`
 The `querySelectorAll` method returns the elements that match the given [CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors).
 In this case it will return an array of all the elements with a class called `listing`.
 
-```javascript {data-filename="tests/acceptance/list-rentals-test.js" data-diff="+4"}
-import {
-  click,
-  currentURL,
-  visit
-} from '@ember/test-helpers'
-```
-
 ```javascript {data-filename="tests/acceptance/list-rentals-test.js" data-diff="+2,+3"}
 test('should list available rentals.', async function(assert) {
   await visit('/');

guides/v3.4.0/tutorial/routes-and-templates.md

@@ -335,7 +335,9 @@ Some of the helpers we'll use commonly are:
 
 Let's import these helpers into our application test:
 
-```javascript {data-filename=/tests/acceptance/list-rentals-test.js}
+```javascript {data-filename="tests/acceptance/list-rentals-test.js" data-diff="-1,+3,+4,+5,+6,+7"}
+import { visit, currentURL } from '@ember/test-helpers';
+import { setupApplicationTest } from 'ember-qunit';
 import {
   click,
   currentURL,

guides/v3.4.0/tutorial/service.md

@@ -115,7 +115,7 @@ Now implement the service as follows.
 Note that we check if a map already exists for the given location and use that one,
 otherwise we call a Google Maps utility to create one.
 
-```javascript {data-filename="app/services/maps.js" data-diff="+2,+3,+5,+9,+10,+11,+12,+13,+14,+15,+16,+17,+19+,+20,+21,+22,+23,+24,+25,+26,+27,+28,+30,+31,+32,+33,+34"}
+```javascript {data-filename="app/services/maps.js" data-diff="+2,+3,+5,+9,+10,+11,+12,+13,+14,+15,+16,+17,+19,+20,+21,+22,+23,+24,+25,+26,+27,+28,+30,+31,+32,+33,+34"}
 import Service from '@ember/service';
 import { camelize } from '@ember/string';
 import EmberObject from '@ember/object';