mirror of
https://github.com/darkwire/darkwire.io.git
synced 2025-07-24 05:00:17 +00:00
532 lines
14 KiB
Plaintext
532 lines
14 KiB
Plaintext
// Vitest Snapshot v1
|
|
|
|
exports[`Nav component is displaying 1`] = `
|
|
<DocumentFragment>
|
|
<nav
|
|
class="navbar navbar-expand-md navbar-dark"
|
|
>
|
|
<div
|
|
class="meta"
|
|
>
|
|
<img
|
|
alt="Darkwire"
|
|
class="logo"
|
|
src="/src/img/logo.png"
|
|
/>
|
|
<button
|
|
class="btn btn-plain btn-link clipboard-trigger room-id ellipsis"
|
|
data-clipboard-text="http://localhost:3000/testRoom"
|
|
data-placement="bottom"
|
|
data-toggle="tooltip"
|
|
>
|
|
/testRoom
|
|
</button>
|
|
<span
|
|
class="lock-room-container"
|
|
>
|
|
<button
|
|
class="lock-room btn btn-link btn-plain"
|
|
data-placement="bottom"
|
|
data-toggle="tooltip"
|
|
title="You must be the owner to lock or unlock the room"
|
|
>
|
|
<svg
|
|
class="muted"
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<rect
|
|
height="11"
|
|
rx="2"
|
|
ry="2"
|
|
width="18"
|
|
x="3"
|
|
y="11"
|
|
/>
|
|
<path
|
|
d="M7 11V7a5 5 0 0 1 9.9-1"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</span>
|
|
<div
|
|
class="dropdown members-dropdown"
|
|
>
|
|
<a
|
|
class="dropdown__trigger "
|
|
>
|
|
<button
|
|
class="btn btn-link btn-plain members-action"
|
|
title="Users"
|
|
>
|
|
<svg
|
|
class="users-icon"
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"
|
|
/>
|
|
<circle
|
|
cx="9"
|
|
cy="7"
|
|
r="4"
|
|
/>
|
|
<path
|
|
d="M23 21v-2a4 4 0 0 0-3-3.87"
|
|
/>
|
|
<path
|
|
d="M16 3.13a4 4 0 0 1 0 7.75"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<span>
|
|
0
|
|
</span>
|
|
</a>
|
|
<div
|
|
class="dropdown__content "
|
|
>
|
|
<ul
|
|
class="plain"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
aria-controls="navbarSupportedContent"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation"
|
|
class="navbar-toggler"
|
|
data-target="#navbarSupportedContent"
|
|
data-toggle="collapse"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="navbar-toggler-icon"
|
|
/>
|
|
</button>
|
|
<div
|
|
class="collapse navbar-collapse"
|
|
id="navbarSupportedContent"
|
|
>
|
|
<ul
|
|
class="navbar-nav ml-auto"
|
|
>
|
|
<li
|
|
class="nav-item"
|
|
>
|
|
<button
|
|
class="btn btn-plain nav-link"
|
|
target="blank"
|
|
>
|
|
<svg
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<circle
|
|
cx="12"
|
|
cy="12"
|
|
r="10"
|
|
/>
|
|
<line
|
|
x1="12"
|
|
x2="12"
|
|
y1="8"
|
|
y2="16"
|
|
/>
|
|
<line
|
|
x1="8"
|
|
x2="16"
|
|
y1="12"
|
|
y2="12"
|
|
/>
|
|
</svg>
|
|
|
|
<span />
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="nav-item"
|
|
>
|
|
<button
|
|
class="btn btn-plain nav-link"
|
|
>
|
|
<svg
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<circle
|
|
cx="12"
|
|
cy="12"
|
|
r="3"
|
|
/>
|
|
<path
|
|
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
|
|
/>
|
|
</svg>
|
|
|
|
<span />
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="nav-item"
|
|
>
|
|
<button
|
|
class="btn btn-plain nav-link"
|
|
>
|
|
<svg
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<circle
|
|
cx="12"
|
|
cy="12"
|
|
r="10"
|
|
/>
|
|
<line
|
|
x1="12"
|
|
x2="12"
|
|
y1="16"
|
|
y2="12"
|
|
/>
|
|
<line
|
|
x1="12"
|
|
x2="12.01"
|
|
y1="8"
|
|
y2="8"
|
|
/>
|
|
</svg>
|
|
|
|
<span />
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`Nav component is displaying with another configuration and can rerender 1`] = `
|
|
<DocumentFragment>
|
|
<nav
|
|
class="navbar navbar-expand-md navbar-dark"
|
|
>
|
|
<div
|
|
class="meta"
|
|
>
|
|
<img
|
|
alt="Darkwire"
|
|
class="logo"
|
|
src="/src/img/logo.png"
|
|
/>
|
|
<button
|
|
class="btn btn-plain btn-link clipboard-trigger room-id ellipsis"
|
|
data-clipboard-text="http://localhost:3000/testRoom_2"
|
|
data-placement="bottom"
|
|
data-toggle="tooltip"
|
|
>
|
|
/testRoom_2
|
|
</button>
|
|
<span
|
|
class="lock-room-container"
|
|
>
|
|
<button
|
|
class="lock-room btn btn-link btn-plain"
|
|
data-placement="bottom"
|
|
data-toggle="tooltip"
|
|
title="You must be the owner to lock or unlock the room"
|
|
>
|
|
<svg
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<rect
|
|
height="11"
|
|
rx="2"
|
|
ry="2"
|
|
width="18"
|
|
x="3"
|
|
y="11"
|
|
/>
|
|
<path
|
|
d="M7 11V7a5 5 0 0 1 10 0v4"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</span>
|
|
<div
|
|
class="dropdown members-dropdown"
|
|
>
|
|
<a
|
|
class="dropdown__trigger "
|
|
>
|
|
<button
|
|
class="btn btn-link btn-plain members-action"
|
|
title="Users"
|
|
>
|
|
<svg
|
|
class="users-icon"
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"
|
|
/>
|
|
<circle
|
|
cx="9"
|
|
cy="7"
|
|
r="4"
|
|
/>
|
|
<path
|
|
d="M23 21v-2a4 4 0 0 0-3-3.87"
|
|
/>
|
|
<path
|
|
d="M16 3.13a4 4 0 0 1 0 7.75"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<span>
|
|
2
|
|
</span>
|
|
</a>
|
|
<div
|
|
class="dropdown__content "
|
|
>
|
|
<ul
|
|
class="plain"
|
|
>
|
|
<li>
|
|
<span
|
|
class="username"
|
|
style="color: rgb(192, 202, 249);"
|
|
>
|
|
alan
|
|
</span>
|
|
<span
|
|
class="icon-container"
|
|
>
|
|
<span
|
|
class="owner-icon-wrap"
|
|
data-placement="bottom"
|
|
data-toggle="tooltip"
|
|
title="Owner"
|
|
>
|
|
<svg
|
|
class="owner-icon"
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<polygon
|
|
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span
|
|
class="username"
|
|
style="color: rgb(156, 252, 223);"
|
|
>
|
|
dan
|
|
</span>
|
|
<span
|
|
class="icon-container"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
aria-controls="navbarSupportedContent"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation"
|
|
class="navbar-toggler"
|
|
data-target="#navbarSupportedContent"
|
|
data-toggle="collapse"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="navbar-toggler-icon"
|
|
/>
|
|
</button>
|
|
<div
|
|
class="collapse navbar-collapse"
|
|
id="navbarSupportedContent"
|
|
>
|
|
<ul
|
|
class="navbar-nav ml-auto"
|
|
>
|
|
<li
|
|
class="nav-item"
|
|
>
|
|
<button
|
|
class="btn btn-plain nav-link"
|
|
target="blank"
|
|
>
|
|
<svg
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<circle
|
|
cx="12"
|
|
cy="12"
|
|
r="10"
|
|
/>
|
|
<line
|
|
x1="12"
|
|
x2="12"
|
|
y1="8"
|
|
y2="16"
|
|
/>
|
|
<line
|
|
x1="8"
|
|
x2="16"
|
|
y1="12"
|
|
y2="12"
|
|
/>
|
|
</svg>
|
|
|
|
<span />
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="nav-item"
|
|
>
|
|
<button
|
|
class="btn btn-plain nav-link"
|
|
>
|
|
<svg
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<circle
|
|
cx="12"
|
|
cy="12"
|
|
r="3"
|
|
/>
|
|
<path
|
|
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
|
|
/>
|
|
</svg>
|
|
|
|
<span />
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="nav-item"
|
|
>
|
|
<button
|
|
class="btn btn-plain nav-link"
|
|
>
|
|
<svg
|
|
fill="none"
|
|
height="24"
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<circle
|
|
cx="12"
|
|
cy="12"
|
|
r="10"
|
|
/>
|
|
<line
|
|
x1="12"
|
|
x2="12"
|
|
y1="16"
|
|
y2="12"
|
|
/>
|
|
<line
|
|
x1="12"
|
|
x2="12.01"
|
|
y1="8"
|
|
y2="8"
|
|
/>
|
|
</svg>
|
|
|
|
<span />
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</DocumentFragment>
|
|
`;
|