Ocelot-Social/webapp/components/__snapshots__/ActionButton.spec.js.snap

75 lines
3.1 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ActionButton.vue when disabled renders 1`] = `
<div>
<div
class="action-button"
>
<button
aria-label="Click me"
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)] 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]"
data-appearance="outline"
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
class="count"
>
7
</div>
</div>
</div>
`;
exports[`ActionButton.vue when not disabled renders 1`] = `
<div>
<div
class="action-button"
>
<button
aria-label="Click me"
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)] 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]"
data-appearance="outline"
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>
<div
class="count"
>
7
</div>
</div>
</div>
`;