Skip to content

Commit b832277

Browse files
author
Eric Olkowski
committed
Updated snapshot
1 parent 91b9b30 commit b832277

File tree

1 file changed

+136
-141
lines changed

1 file changed

+136
-141
lines changed

‎src/components/__tests__/__snapshots__/Navigation.test.tsx.snap‎

Lines changed: 136 additions & 141 deletions
Original file line numberDiff line numberDiff line change
@@ -3,173 +3,168 @@
33
exports[`matches snapshot 1`] = `
44
<DocumentFragment>
55
<div
6-
aria-hidden="false"
7-
class="pf-v6-c-page__sidebar pf-m-expanded"
8-
id="page-sidebar"
6+
class="pf-v6-c-page__sidebar-body"
7+
id="page-sidebar-body"
98
>
10-
<div
11-
class="pf-v6-c-page__sidebar-body"
9+
<nav
10+
aria-label="Global"
11+
class="pf-v6-c-nav"
12+
data-ouia-component-id="OUIA-Generated-Nav-3"
13+
data-ouia-component-type="PF6/Nav"
14+
data-ouia-safe="true"
1215
>
13-
<nav
14-
aria-label="Global"
15-
class="pf-v6-c-nav"
16-
data-ouia-component-id="OUIA-Generated-Nav-3"
17-
data-ouia-component-type="PF6/Nav"
18-
data-ouia-safe="true"
16+
<ul
17+
class="pf-v6-c-nav__list"
18+
role="list"
1919
>
20-
<ul
21-
class="pf-v6-c-nav__list"
22-
role="list"
20+
<li
21+
class="pf-v6-c-nav__item pf-m-expanded pf-m-current"
22+
data-ouia-component-id="OUIA-Generated-NavExpandable-5"
23+
data-ouia-component-type="PF6/NavExpandable"
24+
data-ouia-safe="true"
2325
>
24-
<li
25-
class="pf-v6-c-nav__item pf-m-expanded pf-m-current"
26-
data-ouia-component-id="OUIA-Generated-NavExpandable-5"
27-
data-ouia-component-type="PF6/NavExpandable"
28-
data-ouia-safe="true"
26+
<button
27+
aria-expanded="true"
28+
class="pf-v6-c-nav__link"
29+
id="nav-section-section1"
2930
>
30-
<button
31-
aria-expanded="true"
32-
class="pf-v6-c-nav__link"
33-
id="nav-section-section1"
31+
Section1
32+
<span
33+
class="pf-v6-c-nav__toggle"
3434
>
35-
Section1
3635
<span
37-
class="pf-v6-c-nav__toggle"
36+
class="pf-v6-c-nav__toggle-icon"
3837
>
39-
<span
40-
class="pf-v6-c-nav__toggle-icon"
38+
<svg
39+
aria-hidden="true"
40+
class="pf-v6-svg"
41+
fill="currentColor"
42+
height="1em"
43+
role="img"
44+
viewBox="0 0 256 512"
45+
width="1em"
4146
>
42-
<svg
43-
aria-hidden="true"
44-
class="pf-v6-svg"
45-
fill="currentColor"
46-
height="1em"
47-
role="img"
48-
viewBox="0 0 256 512"
49-
width="1em"
50-
>
51-
<path
52-
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
53-
/>
54-
</svg>
55-
</span>
47+
<path
48+
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
49+
/>
50+
</svg>
5651
</span>
57-
</button>
58-
<section
59-
aria-labelledby="nav-section-section1"
60-
class="pf-v6-c-nav__subnav"
52+
</span>
53+
</button>
54+
<section
55+
aria-labelledby="nav-section-section1"
56+
class="pf-v6-c-nav__subnav"
57+
>
58+
<ul
59+
class="pf-v6-c-nav__list"
60+
role="list"
6161
>
62-
<ul
63-
class="pf-v6-c-nav__list"
64-
role="list"
62+
<li
63+
class="pf-v6-c-nav__item"
64+
data-ouia-component-id="OUIA-Generated-NavItem-7"
65+
data-ouia-component-type="PF6/NavItem"
66+
data-ouia-safe="true"
6567
>
66-
<li
67-
class="pf-v6-c-nav__item"
68-
data-ouia-component-id="OUIA-Generated-NavItem-7"
69-
data-ouia-component-type="PF6/NavItem"
70-
data-ouia-safe="true"
68+
<a
69+
aria-current="page"
70+
class="pf-v6-c-nav__link pf-m-current"
71+
href="/section1/entry1"
72+
id="nav-entry-entry1"
7173
>
72-
<a
73-
aria-current="page"
74-
class="pf-v6-c-nav__link pf-m-current"
75-
href="/section1/entry1"
76-
id="nav-entry-entry1"
74+
<span
75+
class="pf-v6-c-nav__link-text"
7776
>
78-
<span
79-
class="pf-v6-c-nav__link-text"
80-
>
81-
Entry1
82-
</span>
83-
</a>
84-
</li>
85-
<li
86-
class="pf-v6-c-nav__item"
87-
data-ouia-component-id="OUIA-Generated-NavItem-8"
88-
data-ouia-component-type="PF6/NavItem"
89-
data-ouia-safe="true"
77+
Entry1
78+
</span>
79+
</a>
80+
</li>
81+
<li
82+
class="pf-v6-c-nav__item"
83+
data-ouia-component-id="OUIA-Generated-NavItem-8"
84+
data-ouia-component-type="PF6/NavItem"
85+
data-ouia-safe="true"
86+
>
87+
<a
88+
class="pf-v6-c-nav__link"
89+
href="/section1/entry2"
90+
id="nav-entry-entry2"
9091
>
91-
<a
92-
class="pf-v6-c-nav__link"
93-
href="/section1/entry2"
94-
id="nav-entry-entry2"
92+
<span
93+
class="pf-v6-c-nav__link-text"
9594
>
96-
<span
97-
class="pf-v6-c-nav__link-text"
98-
>
99-
Entry2
100-
</span>
101-
</a>
102-
</li>
103-
</ul>
104-
</section>
105-
</li>
106-
<li
107-
class="pf-v6-c-nav__item"
108-
data-ouia-component-id="OUIA-Generated-NavExpandable-6"
109-
data-ouia-component-type="PF6/NavExpandable"
110-
data-ouia-safe="true"
95+
Entry2
96+
</span>
97+
</a>
98+
</li>
99+
</ul>
100+
</section>
101+
</li>
102+
<li
103+
class="pf-v6-c-nav__item"
104+
data-ouia-component-id="OUIA-Generated-NavExpandable-6"
105+
data-ouia-component-type="PF6/NavExpandable"
106+
data-ouia-safe="true"
107+
>
108+
<button
109+
aria-expanded="false"
110+
class="pf-v6-c-nav__link"
111+
id="nav-section-section2"
111112
>
112-
<button
113-
aria-expanded="false"
114-
class="pf-v6-c-nav__link"
115-
id="nav-section-section2"
113+
Section2
114+
<span
115+
class="pf-v6-c-nav__toggle"
116116
>
117-
Section2
118117
<span
119-
class="pf-v6-c-nav__toggle"
118+
class="pf-v6-c-nav__toggle-icon"
120119
>
121-
<span
122-
class="pf-v6-c-nav__toggle-icon"
120+
<svg
121+
aria-hidden="true"
122+
class="pf-v6-svg"
123+
fill="currentColor"
124+
height="1em"
125+
role="img"
126+
viewBox="0 0 256 512"
127+
width="1em"
123128
>
124-
<svg
125-
aria-hidden="true"
126-
class="pf-v6-svg"
127-
fill="currentColor"
128-
height="1em"
129-
role="img"
130-
viewBox="0 0 256 512"
131-
width="1em"
132-
>
133-
<path
134-
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
135-
/>
136-
</svg>
137-
</span>
129+
<path
130+
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
131+
/>
132+
</svg>
138133
</span>
139-
</button>
140-
<section
141-
aria-labelledby="nav-section-section2"
142-
class="pf-v6-c-nav__subnav"
143-
hidden=""
134+
</span>
135+
</button>
136+
<section
137+
aria-labelledby="nav-section-section2"
138+
class="pf-v6-c-nav__subnav"
139+
hidden=""
140+
>
141+
<ul
142+
class="pf-v6-c-nav__list"
143+
role="list"
144144
>
145-
<ul
146-
class="pf-v6-c-nav__list"
147-
role="list"
145+
<li
146+
class="pf-v6-c-nav__item"
147+
data-ouia-component-id="OUIA-Generated-NavItem-9"
148+
data-ouia-component-type="PF6/NavItem"
149+
data-ouia-safe="true"
148150
>
149-
<li
150-
class="pf-v6-c-nav__item"
151-
data-ouia-component-id="OUIA-Generated-NavItem-9"
152-
data-ouia-component-type="PF6/NavItem"
153-
data-ouia-safe="true"
151+
<a
152+
class="pf-v6-c-nav__link"
153+
href="/section2/entry3"
154+
id="nav-entry-entry3"
154155
>
155-
<a
156-
class="pf-v6-c-nav__link"
157-
href="/section2/entry3"
158-
id="nav-entry-entry3"
156+
<span
157+
class="pf-v6-c-nav__link-text"
159158
>
160-
<span
161-
class="pf-v6-c-nav__link-text"
162-
>
163-
Entry3
164-
</span>
165-
</a>
166-
</li>
167-
</ul>
168-
</section>
169-
</li>
170-
</ul>
171-
</nav>
172-
</div>
159+
Entry3
160+
</span>
161+
</a>
162+
</li>
163+
</ul>
164+
</section>
165+
</li>
166+
</ul>
167+
</nav>
173168
</div>
174169
</DocumentFragment>
175170
`;

0 commit comments

Comments
 (0)