@@ -463,15 +463,17 @@ describe('DocumentationLayout', () => {
463
463
const sidebar = wrapper . findComponent ( AdjustableSidebarWidth ) ;
464
464
// set the breakpoint to small on the sidebar
465
465
sidebar . vm . breakpoint = BreakpointName . small ;
466
+ await wrapper . vm . $nextTick ( ) ;
466
467
expect ( sidebar . props ( 'shownOnMobile' ) ) . toBe ( true ) ;
467
468
await flushPromises ( ) ;
468
469
navigator . vm . $emit ( 'close' ) ;
470
+ await wrapper . vm . $nextTick ( ) ;
469
471
expect ( sidebar . props ( 'shownOnMobile' ) ) . toBe ( false ) ;
470
472
// Test that Medium works with the same set of props/events
471
473
// toggle the navigator from the Nav component, in Medium breakpoint
472
474
nav . vm . $emit ( 'toggle-sidenav' , BreakpointName . medium ) ;
475
+ await wrapper . vm . $nextTick ( ) ;
473
476
expect ( sidebar . props ( 'shownOnMobile' ) ) . toBe ( true ) ;
474
- await flushPromises ( ) ;
475
477
sidebar . vm . breakpoint = BreakpointName . medium ;
476
478
navigator . vm . $emit ( 'close' ) ;
477
479
await wrapper . vm . $nextTick ( ) ;
@@ -488,6 +490,7 @@ describe('DocumentationLayout', () => {
488
490
const nav = wrapper . findComponent ( Nav ) ;
489
491
// close the navigator
490
492
wrapper . findComponent ( Navigator ) . vm . $emit ( 'close' ) ;
493
+ await wrapper . vm . $nextTick ( ) ;
491
494
// assert its closed on Large
492
495
expect ( sidebar . props ( 'hiddenOnLarge' ) ) . toBe ( true ) ;
493
496
// now toggle it back from the Nav
0 commit comments