feat: implement handling for closing transitions #249
Triggered via pull request
September 30, 2024 13:15
Status
Failure
Total duration
1m 22s
Artifacts
–
Annotations
10 errors
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js > Bootstrap5DisclosureMenuToggle protected methods > _expand > should add the transition class to the controlled menu:
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js#L144
AssertionError: expected "addClass" to be called with arguments: [ 'collapsing', <ul …(4)>…(5)</ul> ]
Received:
1st addClass call:
Array [
- "collapsing",
+ "show",
<ul
aria-labelledby="menu-button-mmvwqixq"
class="dropdown-menu"
id="menu-mmvwqixq"
style="--am-transition-duration: 350ms; --am-open-transition-duration: 350ms; --am-close-transition-duration: 350ms;"
>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
About
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Wild
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Domesticated
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Habitats
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Food
</a>
</li>
</ul>,
]
Number of calls: 1
❯ tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js:144:19
|
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js > Bootstrap5DisclosureMenuToggle protected methods > _expand > should remove the transition class from the controlled menu after the transition is complete:
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js#L177
AssertionError: expected "spy" to be called with arguments: [ 'collapsing', <ul …(4)>…(5)</ul> ]
Received:
1st spy call:
Array [
- "collapsing",
+ "collapse",
<ul
aria-labelledby="menu-button-raxnemasqn"
class="dropdown-menu"
id="menu-raxnemasqn"
style="--am-transition-duration: 0ms; --am-open-transition-duration: 0ms; --am-close-transition-duration: 0ms;"
>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
About
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Wild
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Domesticated
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Habitats
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Food
</a>
</li>
</ul>,
]
Number of calls: 1
❯ tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js:177:19
|
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js > Bootstrap5DisclosureMenuToggle protected methods > _collapse > should add the transition class to the controlled menu:
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js#L340
AssertionError: expected "addClass" to be called with arguments: [ 'collapsing', <ul …(4)>…(5)</ul> ]
Received:
1st addClass call:
Array [
- "collapsing",
+ "collapse",
<ul
aria-labelledby="menu-button-xodjtfamm"
class="dropdown-menu"
id="menu-xodjtfamm"
style="--am-transition-duration: 350ms; --am-open-transition-duration: 350ms; --am-close-transition-duration: 350ms;"
>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
About
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Wild
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Domesticated
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Habitats
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Food
</a>
</li>
</ul>,
]
Number of calls: 1
❯ tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js:340:19
|
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js > Bootstrap5DisclosureMenuToggle protected methods > _collapse > should remove the transition class from the controlled menu after the transition is complete:
tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js#L373
AssertionError: expected "spy" to be called with arguments: [ 'collapsing', <ul …(4)>…(5)</ul> ]
Received:
1st spy call:
Array [
- "collapsing",
+ "show",
<ul
aria-labelledby="menu-button-zttxhrpi"
class="dropdown-menu"
id="menu-zttxhrpi"
style="--am-transition-duration: 0ms; --am-open-transition-duration: 0ms; --am-close-transition-duration: 0ms;"
>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
About
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Wild
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Domesticated
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Habitats
</a>
</li>
<li
class="nav-item"
>
<a
class="nav-link dropdown-item"
href="#"
>
Food
</a>
</li>
</ul>,
]
Number of calls: 1
❯ tests/menus/Bootstrap5DisclosureMenuToggle/protected.test.js:373:19
|
tests/menus/Bootstrap5Menubar/aria.test.js > Bootstrap5Menubar > should set the root menu's controller's aria-haspopup attribute:
tests/menus/Bootstrap5Menubar/aria.test.js#L35
AssertionError: expected null to be 'true' // Object.is equality
- Expected:
"true"
+ Received:
null
❯ tests/menus/Bootstrap5Menubar/aria.test.js:35:63
|
tests/menus/Bootstrap5Menubar/aria.test.js > Bootstrap5Menubar > Submenu +0 > should set the submenu toggle's aria-controls attribute:
tests/menus/Bootstrap5Menubar/aria.test.js#L113
AssertionError: expected null to be 'menu-eebpodk' // Object.is equality
- Expected:
"menu-eebpodk"
+ Received:
null
❯ tests/menus/Bootstrap5Menubar/aria.test.js:113:63
|
tests/menus/Bootstrap5Menubar/aria.test.js > Bootstrap5Menubar > Submenu 1 > should set the submenu toggle's aria-controls attribute:
tests/menus/Bootstrap5Menubar/aria.test.js#L113
AssertionError: expected null to be 'menu-ikobvlhk' // Object.is equality
- Expected:
"menu-ikobvlhk"
+ Received:
null
❯ tests/menus/Bootstrap5Menubar/aria.test.js:113:63
|
tests/menus/Bootstrap5Menubar/aria.test.js > Bootstrap5Menubar > Submenu 2 > should set the submenu toggle's aria-controls attribute:
tests/menus/Bootstrap5Menubar/aria.test.js#L113
AssertionError: expected null to be 'menu-kpsdsoos' // Object.is equality
- Expected:
"menu-kpsdsoos"
+ Received:
null
❯ tests/menus/Bootstrap5Menubar/aria.test.js:113:63
|
tests/menus/Bootstrap5Menubar/aria.test.js > Bootstrap5Menubar > Submenu 3 > should set the submenu toggle's aria-controls attribute:
tests/menus/Bootstrap5Menubar/aria.test.js#L113
AssertionError: expected null to be 'menu-pirush' // Object.is equality
- Expected:
"menu-pirush"
+ Received:
null
❯ tests/menus/Bootstrap5Menubar/aria.test.js:113:63
|
tests/menus/Bootstrap5Menubar/aria.test.js > Bootstrap5Menubar > Submenu 4 > should set the submenu toggle's aria-controls attribute:
tests/menus/Bootstrap5Menubar/aria.test.js#L113
AssertionError: expected null to be 'menu-ptdlfg' // Object.is equality
- Expected:
"menu-ptdlfg"
+ Received:
null
❯ tests/menus/Bootstrap5Menubar/aria.test.js:113:63
|