IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-03-01 12:44:28 +00:00
Code Issues Packages Projects Releases Wiki Activity
Ocelot-Social/webapp/pages/admin/users/__snapshots__/index.spec.js.snap

932 lines
29 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Users given badges are disabled renders 1`] = `
<div
class="admin-users"
>
<article
class="base-card"
>
<h2
class="title"
>
admin.users.name
</h2>
<form
autocomplete="off"
class="ds-form"
novalidate="novalidate"
>
<div
class="ds-flex"
style="margin-left: -8px; margin-right: -8px;"
>
<div
class="ds-flex-item"
style="flex-basis: 90%; width: 90%; padding-left: 8px; padding-right: 8px; margin-bottom: 16px;"
>
<div
class="ds-form-item ds-input-size-base"
>
<label
class="ds-input-label"
style="display: none;"
>
</label>
<div
class="ds-input-wrap"
>
<div
class="ds-input-icon"
>
<span
aria-label="icon"
class="ds-icon"
>
<svg
class="ds-icon-svg"
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19 3c5.511 0 10 4.489 10 10s-4.489 10-10 10a9.923 9.923 0 01-6.313-2.25l-7.969 7.969-1.438-1.438 7.969-7.969a9.919 9.919 0 01-2.25-6.313c0-5.511 4.489-10 10-10zm0 2c-4.43 0-8 3.57-8 8s3.57 8 8 8 8-3.57 8-8-3.57-8-8-8z"
/>
</svg>
</span>
</div>
<input
class="ds-input ds-input-has-icon"
name="query"
placeholder="admin.users.form.placeholder"
tabindex="0"
type="text"
/>
<!---->
</div>
<transition-stub
name="ds-input-error"
>
<div
class="ds-input-error"
style="display: none;"
>
</div>
</transition-stub>
</div>
</div>
<div
class="ds-flex-item"
style="flex-basis: 30px; width: 30px; padding-left: 8px; padding-right: 8px; margin-bottom: 16px;"
>
<button
aria-label="actions.search"
class="os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)] disabled:bg-[var(--color-disabled)] disabled:text-[var(--color-disabled-contrast)] disabled:border-[var(--color-disabled)] disabled:shadow-[inset_0_0_0_1px_transparent] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle bg-[var(--color-primary)] text-[var(--color-primary-contrast)] border-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] hover:border-[var(--color-primary-hover)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px]"
data-appearance="filled"
data-variant="primary"
type="submit"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
</div>
</div>
</form>
<!---->
</article>
<article
class="base-card"
>
<div
class="ds-table-wrap"
>
<table
cellpadding="0"
cellspacing="0"
class="ds-table ds-table-condensed ds-table-bordered"
>
<colgroup>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
</colgroup>
<thead>
<tr>
<th
class="ds-table-head-col"
>
admin.users.table.columns.number
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.name
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.email
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.slug
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.createdAt
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
🖉
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
🗨
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
❤
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
admin.users.table.columns.role
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="ds-table-col"
>
NaN.
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
User
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
<a
href="mailto:user@example.org"
>
<b>
user@example.org
</b>
</a>
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
user
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
<select />
</td>
</tr>
<tr>
<td
class="ds-table-col"
>
NaN.
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
User
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
<a
href="mailto:user2@example.org"
>
<b>
user2@example.org
</b>
</a>
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
user
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
<select />
</td>
</tr>
</tbody>
</table>
</div>
<div
class="pagination-buttons"
>
<button
aria-label="pagination.previous"
class="previous-button os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] bg-transparent shadow-none disabled:border-[var(--color-disabled)] disabled:text-[var(--color-disabled)] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle border-[var(--color-primary)] text-[var(--color-primary)] hover:bg-[var(--color-primary)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px] previous-button"
data-appearance="outline"
data-test="previous-button"
data-variant="primary"
disabled="disabled"
type="button"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
<!---->
<button
aria-label="pagination.next"
class="next-button os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] bg-transparent shadow-none disabled:border-[var(--color-disabled)] disabled:text-[var(--color-disabled)] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle border-[var(--color-primary)] text-[var(--color-primary)] hover:bg-[var(--color-primary)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px] next-button"
data-appearance="outline"
data-test="next-button"
data-variant="primary"
disabled="disabled"
type="button"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
</div>
<!---->
</article>
</div>
`;
exports[`Users given badges are enabled renders 1`] = `
<div
class="admin-users"
>
<article
class="base-card"
>
<h2
class="title"
>
admin.users.name
</h2>
<form
autocomplete="off"
class="ds-form"
novalidate="novalidate"
>
<div
class="ds-flex"
style="margin-left: -8px; margin-right: -8px;"
>
<div
class="ds-flex-item"
style="flex-basis: 90%; width: 90%; padding-left: 8px; padding-right: 8px; margin-bottom: 16px;"
>
<div
class="ds-form-item ds-input-size-base"
>
<label
class="ds-input-label"
style="display: none;"
>
</label>
<div
class="ds-input-wrap"
>
<div
class="ds-input-icon"
>
<span
aria-label="icon"
class="ds-icon"
>
<svg
class="ds-icon-svg"
viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19 3c5.511 0 10 4.489 10 10s-4.489 10-10 10a9.923 9.923 0 01-6.313-2.25l-7.969 7.969-1.438-1.438 7.969-7.969a9.919 9.919 0 01-2.25-6.313c0-5.511 4.489-10 10-10zm0 2c-4.43 0-8 3.57-8 8s3.57 8 8 8 8-3.57 8-8-3.57-8-8-8z"
/>
</svg>
</span>
</div>
<input
class="ds-input ds-input-has-icon"
name="query"
placeholder="admin.users.form.placeholder"
tabindex="0"
type="text"
/>
<!---->
</div>
<transition-stub
name="ds-input-error"
>
<div
class="ds-input-error"
style="display: none;"
>
</div>
</transition-stub>
</div>
</div>
<div
class="ds-flex-item"
style="flex-basis: 30px; width: 30px; padding-left: 8px; padding-right: 8px; margin-bottom: 16px;"
>
<button
aria-label="actions.search"
class="os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)] disabled:bg-[var(--color-disabled)] disabled:text-[var(--color-disabled-contrast)] disabled:border-[var(--color-disabled)] disabled:shadow-[inset_0_0_0_1px_transparent] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle bg-[var(--color-primary)] text-[var(--color-primary-contrast)] border-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] hover:border-[var(--color-primary-hover)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px]"
data-appearance="filled"
data-variant="primary"
type="submit"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
</div>
</div>
</form>
<!---->
</article>
<article
class="base-card"
>
<div
class="ds-table-wrap"
>
<table
cellpadding="0"
cellspacing="0"
class="ds-table ds-table-condensed ds-table-bordered"
>
<colgroup>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
<col
width=""
/>
</colgroup>
<thead>
<tr>
<th
class="ds-table-head-col"
>
admin.users.table.columns.number
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.name
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.email
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.slug
</th>
<th
class="ds-table-head-col"
>
admin.users.table.columns.createdAt
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
🖉
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
🗨
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
❤
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
admin.users.table.columns.role
</th>
<th
class="ds-table-head-col ds-table-head-col-right"
>
admin.users.table.columns.badges
</th>
</tr>
</thead>
<tbody>
<tr>
<td
class="ds-table-col"
>
NaN.
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
User
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
<a
href="mailto:user@example.org"
>
<b>
user@example.org
</b>
</a>
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
user
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
<select />
</td>
<td
class="ds-table-col ds-table-col-right"
>
<nuxt-link-stub
to="[object Object]"
>
<button
aria-label="actions.edit"
class="os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)] disabled:bg-[var(--color-disabled)] disabled:text-[var(--color-disabled-contrast)] disabled:border-[var(--color-disabled)] disabled:shadow-[inset_0_0_0_1px_transparent] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle bg-[var(--color-primary)] text-[var(--color-primary-contrast)] border-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] hover:border-[var(--color-primary-hover)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px]"
data-appearance="filled"
data-variant="primary"
type="button"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
</nuxt-link-stub>
</td>
</tr>
<tr>
<td
class="ds-table-col"
>
NaN.
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
User
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
<a
href="mailto:user2@example.org"
>
<b>
user2@example.org
</b>
</a>
</td>
<td
class="ds-table-col"
>
<nuxt-link-stub
to="[object Object]"
>
<b>
user
</b>
</nuxt-link-stub>
</td>
<td
class="ds-table-col"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
</td>
<td
class="ds-table-col ds-table-col-right"
>
<select />
</td>
<td
class="ds-table-col ds-table-col-right"
>
<nuxt-link-stub
to="[object Object]"
>
<button
aria-label="actions.edit"
class="os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)] disabled:bg-[var(--color-disabled)] disabled:text-[var(--color-disabled-contrast)] disabled:border-[var(--color-disabled)] disabled:shadow-[inset_0_0_0_1px_transparent] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle bg-[var(--color-primary)] text-[var(--color-primary-contrast)] border-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] hover:border-[var(--color-primary-hover)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px]"
data-appearance="filled"
data-variant="primary"
type="button"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
</nuxt-link-stub>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="pagination-buttons"
>
<button
aria-label="pagination.previous"
class="previous-button os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] bg-transparent shadow-none disabled:border-[var(--color-disabled)] disabled:text-[var(--color-disabled)] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle border-[var(--color-primary)] text-[var(--color-primary)] hover:bg-[var(--color-primary)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px] previous-button"
data-appearance="outline"
data-test="previous-button"
data-variant="primary"
disabled="disabled"
type="button"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
<!---->
<button
aria-label="pagination.next"
class="next-button os-button inline-flex items-center justify-center [white-space-collapse:collapse] relative appearance-none font-semibold tracking-[0.05em] transition-[color,background-color] duration-[80ms] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] cursor-pointer select-none border-[0.8px] border-solid focus:outline-1 disabled:pointer-events-none disabled:cursor-default focus:outline-dashed focus:outline-[var(--color-primary)] bg-transparent shadow-none disabled:border-[var(--color-disabled)] disabled:text-[var(--color-disabled)] h-[36px] min-w-[36px] text-[15px] leading-[normal] align-middle border-[var(--color-primary)] text-[var(--color-primary)] hover:bg-[var(--color-primary)] hover:text-[var(--color-primary-contrast)] active:bg-[var(--color-primary-active)] active:border-[var(--color-primary-active)] active:text-[var(--color-primary-contrast)] rounded-full p-0 w-[36px] next-button"
data-appearance="outline"
data-test="next-button"
data-variant="primary"
disabled="disabled"
type="button"
>
<span
class="inline-flex items-center"
>
<span
class="os-button__icon inline-flex items-center shrink-0 h-[1.2em] [&>svg]:h-full [&>svg]:w-auto [&>svg]:fill-current"
>
<span
class="base-icon"
>
<!---->
</span>
</span>
</span>
</button>
</div>
<!---->
</article>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink