📝 docs(examples): update examples

kazupon · kazupon · commit c41aa13d6d7d · 2017-02-17T00:15:36.000+09:00
diff --git a/examples/formatting/html/index.html b/examples/formatting/html/index.html
@@ -7,7 +7,9 @@
     <script src="../../../dist/vue-i18n.min.js"></script>
   </head>
   <body>
-    <p>{{{ $t('message.hello') }}}</p>
+    <div id="app">
+      <p v-html="$t('message.hello')"></p>
+    </div>
     <script>
       var locales = {
         en: {
@@ -20,7 +22,7 @@
       Vue.use(VueI18n)
       Vue.locale('en', locales['en'])
 
-      new Vue({ el: 'body' })
+      new Vue({ el: '#app' })
     </script>
   </body>
 </html>
diff --git a/examples/formatting/list/index.html b/examples/formatting/list/index.html
@@ -7,7 +7,9 @@
     <script src="../../../dist/vue-i18n.min.js"></script>
   </head>
   <body>
-    <p>{{ $t('message.hello', ["hello"]) }}</p>
+    <div id="app">
+      <p>{{ $t('message.hello', ["hello"]) }}</p>
+    </div>
     <script>
       var locales = {
         en: {
@@ -20,7 +22,7 @@
       Vue.use(VueI18n)
       Vue.locale('en', locales['en'])
 
-      new Vue({ el: 'body' })
+      new Vue({ el: '#app' })
     </script>
   </body>
 </html>
diff --git a/examples/formatting/named/index.html b/examples/formatting/named/index.html
@@ -7,7 +7,9 @@
     <script src="../../../dist/vue-i18n.min.js"></script>
   </head>
   <body>
-    <p>{{ $t('message.hello', { msg: "hello"}) }}</p>
+    <div id="app">
+      <p>{{ $t('message.hello', { msg: "hello"}) }}</p>
+    </div>
     <script>
       var locales = {
         en: {
@@ -20,7 +22,7 @@
       Vue.use(VueI18n)
       Vue.locale('en', locales['en'])
 
-      new Vue({ el: 'body' })
+      new Vue({ el: '#app' })
     </script>
   </body>
 </html>
diff --git a/examples/formatting/rails/index.html b/examples/formatting/rails/index.html
@@ -7,7 +7,9 @@
     <script src="../../../dist/vue-i18n.min.js"></script>
   </head>
   <body>
-    <p>{{ $t('message.hello', { msg: "hello"}) }}</p>
+    <div id="app">
+      <p>{{ $t('message.hello', { msg: "hello"}) }}</p>
+    </div>
     <script>
       var locales = {
         en: {
@@ -20,7 +22,7 @@
       Vue.use(VueI18n)
       Vue.locale('en', locales['en'])
 
-      new Vue({ el: 'body' })
+      new Vue({ el: '#app' })
     </script>
   </body>
 </html>
diff --git a/test/e2e/test/component.js b/test/e2e/test/component.js
@@ -0,0 +1,10 @@
+module.exports = {
+  component: function (browser) {
+    browser
+      .url('http://localhost:8080/examples/component/')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('p:nth-child(1)', 'こんにちは、世界')
+      .assert.containsText('p:nth-child(2)', 'component1 local: こんにちは、component1')
+      .end()
+  }
+}
diff --git a/test/e2e/test/formatting_html.js b/test/e2e/test/formatting_html.js
@@ -0,0 +1,9 @@
+module.exports = {
+  'formatting html': function (browser) {
+    browser
+      .url('http://localhost:8080/examples/formatting/html/')
+      .waitForElementVisible('#app', 1000)
+      .assert.attributeContains('p', 'innerHTML', '')
+      .end()
+  }
+}
diff --git a/test/e2e/test/formatting_list.js b/test/e2e/test/formatting_list.js
@@ -0,0 +1,9 @@
+module.exports = {
+  'formatting list': function (browser) {
+    browser
+      .url('http://localhost:8080/examples/formatting/list/')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('p', 'hello world')
+      .end()
+  }
+}
diff --git a/test/e2e/test/formatting_named.js b/test/e2e/test/formatting_named.js
@@ -0,0 +1,9 @@
+module.exports = {
+  'formatting name': function (browser) {
+    browser
+      .url('http://localhost:8080/examples/formatting/named/')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('p', 'hello world')
+      .end()
+  }
+}
diff --git a/test/e2e/test/formatting_rails.js b/test/e2e/test/formatting_rails.js
@@ -0,0 +1,9 @@
+module.exports = {
+  'formatting rails': function (browser) {
+    browser
+      .url('http://localhost:8080/examples/formatting/rails/')
+      .waitForElementVisible('#app', 1000)
+      .assert.containsText('p', 'hello world')
+      .end()
+  }
+}
