質問編集履歴
4
タイトルの修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Vue.jsでjestを用いたcheckboxのユニットテスト
|
|
1
|
+
Vue.jsでjestを用いたcheckboxのユニットテストで、expectの書き方が知りたい
|
test
CHANGED
|
File without changes
|
3
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
|
|
7
7
|
### 実現したいこと
|
|
8
8
|
以下2項目のテストを組みたいです
|
|
9
|
-
チェック済みの状態でchangeが発火したときにチェックが外れているかどうか
|
|
9
|
+
- チェック済みの状態でchangeが発火したとき- にチェックが外れているかどうか
|
|
10
|
-
未チェックの状態でchangeが発火したときにチェックされているかどうか
|
|
10
|
+
- 未チェックの状態でchangeが発火したときにチェックされているかどうか
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
### 発生している問題・エラーメッセージ
|
2
タグを追加しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
1
不要箇所があったので削除しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -70,17 +70,13 @@
|
|
|
70
70
|
wrapper.destroy()
|
|
71
71
|
})
|
|
72
72
|
test('未チェックの状態でchangeが発火したときにチェックされているかどうか', async () => {
|
|
73
|
-
const testId = 'rt-checkbox-ok'
|
|
74
|
-
await wrapper.setProps({ testId })
|
|
75
|
-
await wrapper.find(
|
|
73
|
+
await wrapper.find('input').setChecked(false)
|
|
76
|
-
wrapper.find(
|
|
74
|
+
wrapper.find('input').trigger('change')
|
|
77
75
|
expect(wrapper.emitted().change).toBeTruthy()
|
|
78
76
|
})
|
|
79
77
|
test('チェック済みの状態でchangeが発火したときにチェックが外れているかどうか', async () => {
|
|
80
|
-
const testId = 'rt-checkbox-ok'
|
|
81
|
-
await wrapper.setProps({ testId })
|
|
82
|
-
await wrapper.find(
|
|
78
|
+
await wrapper.find('input').setChecked(true)
|
|
83
|
-
wrapper.find(
|
|
79
|
+
wrapper.find('input').trigger('change')
|
|
84
80
|
expect(wrapper.emitted().change).toBeFalsy()
|
|
85
81
|
})
|
|
86
82
|
})
|