arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

test(Alert): use primary color with variant

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-17 15:44:35 +02:00
parent d3c79912d8
commit 7d736c3812
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
test/components/Alert.spec.ts
View File

@@ -15,7 +15,7 @@ describe('Alert', () => {
['with avatar', { props: { title: 'Title', avatar: { src: 'https://avatars.githubusercontent.com/u/739984?v=4' } } }],
['with as', { props: { title: 'Title', as: 'article' } }],
...colors.map((color: string) => [`with color ${color}`, { props: { label: 'Badge', color } }]),
...variants.map((variant: string) => [`with variant ${variant}`, { props: { label: 'Badge', variant } }]),
...variants.map((variant: string) => [`with variant ${variant}`, { props: { label: 'Badge', color: 'primary', variant } }]),
['with class', { props: { class: 'w-48' } }],
['with ui', { props: { ui: { title: 'font-bold' } } }],
// Slots

8
test/components/__snapshots__/Alert.spec.ts.snap
View File

@@ -205,7 +205,7 @@ exports[`Alert > renders with ui correctly 1`] = `
`;
exports[`Alert > renders with variant outline correctly 1`] = `
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center" label="Badge">
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center text-primary-500 dark:text-primary-400 ring ring-inset ring-primary-500 dark:ring-primary-400" label="Badge">
<!--v-if-->
<div class="min-w-0 flex-1 flex flex-col gap-1">
<!--v-if-->
@@ -217,7 +217,7 @@ exports[`Alert > renders with variant outline correctly 1`] = `
`;
exports[`Alert > renders with variant soft correctly 1`] = `
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center" label="Badge">
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center bg-primary-50 dark:bg-primary-400/10 text-primary-500 dark:text-primary-400" label="Badge">
<!--v-if-->
<div class="min-w-0 flex-1 flex flex-col gap-1">
<!--v-if-->
@@ -229,7 +229,7 @@ exports[`Alert > renders with variant soft correctly 1`] = `
`;
exports[`Alert > renders with variant solid correctly 1`] = `
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center ring ring-inset ring-gray-200 dark:ring-gray-800 text-gray-900 dark:text-white bg-white dark:bg-gray-900" label="Badge">
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center bg-primary-500 dark:bg-primary-400 text-white dark:text-gray-900" label="Badge">
<!--v-if-->
<div class="min-w-0 flex-1 flex flex-col gap-1">
<!--v-if-->
@@ -241,7 +241,7 @@ exports[`Alert > renders with variant solid correctly 1`] = `
`;
exports[`Alert > renders with variant subtle correctly 1`] = `
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center" label="Badge">
"<div class="relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5 items-center bg-primary-50 dark:bg-primary-400/10 text-primary-500 dark:text-primary-400 ring ring-inset ring-primary-500/25 dark:ring-primary-400/25" label="Badge">
<!--v-if-->
<div class="min-w-0 flex-1 flex flex-col gap-1">
<!--v-if-->