First consumer of the runtime's single-slot mounting: the real apply mounts
on its own fiber, renderSlot('sidebar', ...) captures exactly the sidebar
slot's output, and update() re-renders the collapsed rail in place. The
.snap files carry semantic class names and svg fingerprints only.
132 lines
2.6 KiB
Plaintext
132 lines
2.6 KiB
Plaintext
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
|
|
exports[`sidebar shell snapshots > renders the collapsed rail after the crossfade settles, in place 1`] = `
|
|
<div
|
|
data-slot="sidebar"
|
|
>
|
|
<div
|
|
class="root collapsed railIn"
|
|
style=""
|
|
>
|
|
<div
|
|
class="logoRow"
|
|
>
|
|
<button
|
|
aria-label="Open sidebar"
|
|
class="iconButton toggle"
|
|
type="button"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="railFish"
|
|
data-content="965fe321"
|
|
fill="none"
|
|
height="17.6580310880829"
|
|
viewBox="0 0 23.16 17.04"
|
|
width="24"
|
|
/>
|
|
<svg
|
|
class="panelIcon"
|
|
data-content="35f95b0c"
|
|
fill="none"
|
|
height="18"
|
|
viewBox="0 0 16 16"
|
|
width="18"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<button
|
|
aria-label="New session"
|
|
class="newSession"
|
|
type="button"
|
|
>
|
|
<svg
|
|
data-content="c0ce4dcc"
|
|
fill="none"
|
|
height="18"
|
|
viewBox="0 0 16 16"
|
|
width="18"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
</button>
|
|
<div
|
|
class="regionArea"
|
|
/>
|
|
<div
|
|
class="footArea"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`sidebar shell snapshots > renders the expanded column (wordmark, capsule, empty holes) 1`] = `
|
|
<div
|
|
data-slot="sidebar"
|
|
>
|
|
<div
|
|
class="root"
|
|
style="width: 300px;"
|
|
>
|
|
<div
|
|
class="logoRow"
|
|
>
|
|
<button
|
|
aria-label="New session"
|
|
class="brand wide"
|
|
type="button"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-content="951274b9"
|
|
fill="none"
|
|
height="24"
|
|
viewBox="0 0 182 24"
|
|
width="182"
|
|
/>
|
|
</button>
|
|
<button
|
|
aria-label="Collapse sidebar"
|
|
class="iconButton toggle"
|
|
type="button"
|
|
>
|
|
<svg
|
|
class="panelIcon"
|
|
data-content="35f95b0c"
|
|
fill="none"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
width="16"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<button
|
|
aria-label="New session"
|
|
class="newSession"
|
|
type="button"
|
|
>
|
|
<svg
|
|
data-content="c0ce4dcc"
|
|
fill="none"
|
|
height="14"
|
|
viewBox="0 0 16 16"
|
|
width="14"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
/>
|
|
<span
|
|
class="newSessionLabel wide"
|
|
>
|
|
New Session
|
|
</span>
|
|
</button>
|
|
<div
|
|
class="regionArea"
|
|
/>
|
|
<div
|
|
class="footArea"
|
|
/>
|
|
</div>
|
|
</div>
|
|
`;
|