From 3489e0d202958eba2cd061dc4d4697e4183893ea Mon Sep 17 00:00:00 2001
From: daryl <darylcoleoffice@gmail.com>
Date: Wed, 17 Jul 2019 23:30:55 +0900
Subject: [PATCH] Add suggested fixes

---
 tests/__tests__/components/VueI18n.vue |  6 +++---
 tests/__tests__/vueI18n.js             | 25 ++++++++++++++++---------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/tests/__tests__/components/VueI18n.vue b/tests/__tests__/components/VueI18n.vue
index 582ca482..d23a693d 100644
--- a/tests/__tests__/components/VueI18n.vue
+++ b/tests/__tests__/components/VueI18n.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <h2 data-testid="section-header">{{ $t('Hello') }}</h2>
-    <button data-testid="button-en" @click="switchLocale('en')">English</button>
-    <button data-testid="button-ja" @click="switchLocale('ja')">
+    <h2>{{ $t('Hello') }}</h2>
+    <button @click="switchLocale('en')">English</button>
+    <button @click="switchLocale('ja')">
       Japanese
     </button>
   </div>
diff --git a/tests/__tests__/vueI18n.js b/tests/__tests__/vueI18n.js
index 58c3de6e..e65649bd 100644
--- a/tests/__tests__/vueI18n.js
+++ b/tests/__tests__/vueI18n.js
@@ -5,25 +5,32 @@ import VueI18n from './components/VueI18n'
 
 afterEach(cleanup)
 
-const ja = {
-  Hello: 'こんにちは'
+const messages = {
+  en: {
+    Hello: 'Hello'
+  },
+  ja: {
+    Hello: 'こんにちは'
+  }
 }
 
 test('can render en and ja text in header', async () => {
-  const { queryByTestId, getByTestId } = render(VueI18n, {}, vue => {
+  const { queryByText, getByText } = render(VueI18n, {}, vue => {
     vue.use(Vuei18n)
     const i18n = new Vuei18n({
       locale: 'en',
-      messages: {
-        ja
-      }
+      fallbackLocale: 'en',
+      messages
     })
+    //return i18n object so that it will be available as an additional option on the created vue instance
     return { i18n }
   })
 
-  expect(queryByTestId('section-header')).toHaveTextContent('Hello')
+  expect(getByText('Hello')).toBeInTheDocument()
 
-  await fireEvent.click(getByTestId('button-ja'))
+  await fireEvent.click(getByText('Japanese'))
 
-  expect(queryByTestId('section-header')).toHaveTextContent('こんにちは')
+  expect(getByText('こんにちは')).toBeInTheDocument()
+
+  expect(queryByText('Hello')).toBeNull()
 })