@@ -300,7 +300,9 @@ describe('dropdown', () => {
300 300
block: true
301 301
}
302 302
})
303 + 303 304
expect(wrapper.classes()).not.toContain('btn-group')
305 + 304 306
wrapper.destroy()
305 307
})
306 308
@@ -312,8 +314,10 @@ describe('dropdown', () => {
312 314
split: true
313 315
}
314 316
})
317 + 315 318
expect(wrapper.classes()).toContain('btn-group')
316 319
expect(wrapper.classes()).toContain('d-flex')
320 + 317 321
wrapper.destroy()
318 322
})
319 323
@@ -324,7 +328,9 @@ describe('dropdown', () => {
324 328
noCaret: true
325 329
}
326 330
})
331 + 327 332
expect(wrapper.find('.dropdown-toggle').classes()).toContain('dropdown-toggle-no-caret')
333 + 328 334
wrapper.destroy()
329 335
})
330 336
@@ -336,7 +342,9 @@ describe('dropdown', () => {
336 342
split: true
337 343
}
338 344
})
345 + 339 346
expect(wrapper.find('.dropdown-toggle').classes()).not.toContain('dropdown-toggle-no-caret')
347 + 340 348
wrapper.destroy()
341 349
})
342 350
@@ -347,7 +355,22 @@ describe('dropdown', () => {
347 355
toggleTag: 'div'
348 356
}
349 357
})
358 + 350 359
expect(wrapper.find('.dropdown-toggle').element.tagName).toBe('DIV')
360 + 361 +
wrapper.destroy()
362 +
})
363 + 364 +
it('should have attributes on toggle when "toggle-attrs" prop is set', async () => {
365 +
const wrapper = mount(BDropdown, {
366 +
attachTo: createContainer(),
367 +
propsData: {
368 +
toggleAttrs: { 'data-foo-bar': 'foo-bar' }
369 +
}
370 +
})
371 + 372 +
expect(wrapper.find('.dropdown-toggle').attributes('data-foo-bar')).toBe('foo-bar')
373 + 351 374
wrapper.destroy()
352 375
})
353 376
@@ -358,17 +381,21 @@ describe('dropdown', () => {
358 381
dropup: true
359 382
}
360 383
})
384 + 361 385
expect(wrapper.classes()).toContain('dropdown')
362 386
expect(wrapper.classes()).toContain('dropup')
363 387
expect(wrapper.classes()).not.toContain('show')
364 388
expect(wrapper.find('.dropdown-menu').classes()).not.toContain('show')
389 + 365 390
wrapper.vm.show()
366 391
await waitNT(wrapper.vm)
367 392
await waitRAF()
393 + 368 394
expect(wrapper.classes()).toContain('dropdown')
369 395
expect(wrapper.classes()).toContain('dropup')
370 396
expect(wrapper.classes()).toContain('show')
371 397
expect(wrapper.find('.dropdown-menu').classes()).toContain('show')
398 + 372 399
wrapper.destroy()
373 400
})
374 401
@@ -379,17 +406,21 @@ describe('dropdown', () => {
379 406
dropright: true
380 407
}
381 408
})
409 + 382 410
expect(wrapper.classes()).toContain('dropdown')
383 411
expect(wrapper.classes()).toContain('dropright')
384 412
expect(wrapper.classes()).not.toContain('show')
385 413
expect(wrapper.find('.dropdown-menu').classes()).not.toContain('show')
414 + 386 415
wrapper.vm.show()
387 416
await waitNT(wrapper.vm)
388 417
await waitRAF()
418 + 389 419
expect(wrapper.classes()).toContain('dropdown')
390 420
expect(wrapper.classes()).toContain('dropright')
391 421
expect(wrapper.classes()).toContain('show')
392 422
expect(wrapper.find('.dropdown-menu').classes()).toContain('show')
423 + 393 424
wrapper.destroy()
394 425
})
395 426
@@ -400,17 +431,21 @@ describe('dropdown', () => {
400 431
dropleft: true
401 432
}
402 433
})
434 + 403 435
expect(wrapper.classes()).toContain('dropdown')
404 436
expect(wrapper.classes()).toContain('dropleft')
405 437
expect(wrapper.classes()).not.toContain('show')
406 438
expect(wrapper.find('.dropdown-menu').classes()).not.toContain('show')
439 + 407 440
wrapper.vm.show()
408 441
await waitNT(wrapper.vm)
409 442
await waitRAF()
443 + 410 444
expect(wrapper.classes()).toContain('dropdown')
411 445
expect(wrapper.classes()).toContain('dropleft')
412 446
expect(wrapper.classes()).toContain('show')
413 447
expect(wrapper.find('.dropdown-menu').classes()).toContain('show')
448 + 414 449
wrapper.destroy()
415 450
})
416 451
@@ -423,10 +458,12 @@ describe('dropdown', () => {
423 458
split: true
424 459
}
425 460
})
461 + 426 462
const $buttons = wrapper.findAll('button')
427 463
const $split = $buttons.at(0)
428 - 429 464
expect($split.classes()).toContain(splitClass)
465 + 466 +
wrapper.destroy()
430 467
})
431 468 432 469
it('menu should have class dropdown-menu-right when prop right set', async () => {
@@ -436,17 +473,21 @@ describe('dropdown', () => {
436 473
right: true
437 474
}
438 475
})
476 + 439 477
expect(wrapper.classes()).toContain('dropdown')
440 478
expect(wrapper.classes()).not.toContain('show')
441 479
expect(wrapper.find('.dropdown-menu').classes()).toContain('dropdown-menu-right')
442 480
expect(wrapper.find('.dropdown-menu').classes()).not.toContain('show')
481 + 443 482
wrapper.vm.show()
444 483
await waitNT(wrapper.vm)
445 484
await waitRAF()
485 + 446 486
expect(wrapper.classes()).toContain('dropdown')
447 487
expect(wrapper.classes()).toContain('show')
448 488
expect(wrapper.find('.dropdown-menu').classes()).toContain('dropdown-menu-right')
449 489
expect(wrapper.find('.dropdown-menu').classes()).toContain('show')
490 + 450 491
wrapper.destroy()
451 492
})
452 493 RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4