|
1 | | -import { createVue, destroyVM } from '../util'; |
| 1 | +import { createVue, destroyVM, triggerKeyDown } from '../util'; |
2 | 2 |
|
3 | 3 | describe('Radio', () => { |
4 | 4 | let vm; |
@@ -258,6 +258,46 @@ describe('Radio', () => { |
258 | 258 | done(); |
259 | 259 | }, 10); |
260 | 260 | }); |
| 261 | + it('keyboard event', done => { |
| 262 | + vm = createVue({ |
| 263 | + template: ` |
| 264 | + <el-radio-group v-model="radio"> |
| 265 | + <el-radio-button ref="radio1" :label="3">备选项</el-radio-button> |
| 266 | + <el-radio-button ref="radio2" :label="6">备选项</el-radio-button> |
| 267 | + <el-radio-button ref="radio3" :label="9">备选项</el-radio-button> |
| 268 | + </el-radio-group> |
| 269 | + `, |
| 270 | + data() { |
| 271 | + return { |
| 272 | + radio: 6 |
| 273 | + }; |
| 274 | + } |
| 275 | + }, true); |
| 276 | + |
| 277 | + expect(vm.radio).to.be.equal(6); |
| 278 | + vm.$nextTick(() => { |
| 279 | + triggerKeyDown(vm.$refs.radio2.$el, 37); |
| 280 | + expect(vm.radio).to.be.equal(3); |
| 281 | + |
| 282 | + triggerKeyDown(vm.$refs.radio1.$el, 37); |
| 283 | + expect(vm.radio).to.be.equal(9); |
| 284 | + |
| 285 | + vm.$nextTick(() => { |
| 286 | + triggerKeyDown(vm.$refs.radio3.$el, 39); |
| 287 | + expect(vm.radio).to.be.equal(3); |
| 288 | + |
| 289 | + triggerKeyDown(vm.$refs.radio1.$el, 39); |
| 290 | + expect(vm.radio).to.be.equal(6); |
| 291 | + |
| 292 | + vm.$nextTick(() => { |
| 293 | + triggerKeyDown(vm.$refs.radio1.$el, 13); |
| 294 | + expect(vm.radio).to.be.equal(6); |
| 295 | + |
| 296 | + done(); |
| 297 | + }); |
| 298 | + }); |
| 299 | + }); |
| 300 | + }); |
261 | 301 | describe('Radio Button', () => { |
262 | 302 | it('create', done => { |
263 | 303 | vm = createVue({ |
|
0 commit comments