hipowered.dev/lucide
1
0
Fork 0
mirror of https://github.com/lucide-icons/lucide.git synced 2026-11-10 13:18:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update integration tests

Browse Source
This commit is contained in:
Eric
2026-11-10 13:49:34 +01:00
parent 64ef9b8a2e
commit 120ffbc556
26 changed files with 103 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
integrations/lucide-react/nextjs/app/IconShowcase.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-react/nextjs/tests/icons.browser.spec.tsx
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-react/react-router/app/IconShowcase.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-react/react-router/tests/icons.browser.spec.tsx
+6
View File
@@ -37,6 +37,12 @@ test('renders Lucide public APIs and survives router navigation', async () => {
expect(aliasIcon.element().innerHTML).toBe(canonicalIcon.element().innerHTML);
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-react/tanstack-router/src/IconShowcase.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-react/tanstack-router/tests/icons.browser.spec.tsx
+7 -1
View File
@@ -22,9 +22,15 @@ test('renders Lucide public APIs and survives router navigation', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-react/tanstack-start/src/IconShowcase.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-react/tanstack-start/tests/icons.browser.spec.tsx
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-react/vite/src/IconShowcase.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-react/vite/tests/icons.browser.spec.tsx
+7 -1
View File
@@ -23,9 +23,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-solid-2/vite/src/IconShowcase.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-solid-2/vite/tests/icons.browser.spec.tsx
+7 -1
View File
@@ -22,9 +22,15 @@ test('renders Lucide public APIs and survives router navigation', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = page.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-solid/solid-start/src/IconShowcase.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-solid/solid-start/tests/icons.browser.spec.tsx
+7 -1
View File
@@ -30,9 +30,15 @@ test('renders Lucide public APIs and survives router navigation', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-solid/vite/src/IconShowcase.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ export default function IconShowcase() {
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider
color="purple"
integrations/lucide-solid/vite/tests/icons.browser.spec.tsx
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-svelte/sveltekit/src/lib/IconShowcase.svelte
+1 -1
View File
@@ -11,7 +11,7 @@
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider>
<House data-testid="provider-icon" />
integrations/lucide-svelte/sveltekit/tests/icons.browser.spec.ts
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-svelte/vite/src/lib/IconShowcase.svelte
+1 -1
View File
@@ -11,7 +11,7 @@
color="red"
size={48}
strokeWidth={4}
absoluteStrokeWidth
nonScalingStroke
/>
<LucideProvider>
<House data-testid="provider-icon" />
integrations/lucide-svelte/vite/tests/icons.browser.spec.ts
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-vue/nuxt/app/components/IconShowcase.vue
+1 -1
View File
@@ -12,7 +12,7 @@ import LucideProvider from './LucideProvider.vue';
color="red"
:size="48"
:stroke-width="4"
absolute-stroke-width
non-scaling-stroke
/>
<LucideProvider>
<House data-testid="provider-icon" />
integrations/lucide-vue/nuxt/tests/icons.browser.spec.ts
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-vue/vike/components/IconShowcase.vue
+1 -1
View File
@@ -12,7 +12,7 @@ import LucideProvider from './LucideProvider.vue';
color="red"
:size="48"
:stroke-width="4"
absolute-stroke-width
non-scaling-stroke
/>
<LucideProvider>
<House data-testid="provider-icon" />
integrations/lucide-vue/vike/tests/icons.browser.spec.ts
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');
integrations/lucide-vue/vite/src/IconShowcase.vue
+1 -1
View File
@@ -12,7 +12,7 @@ import LucideProvider from './LucideProvider.vue';
color="red"
:size="48"
:stroke-width="4"
absolute-stroke-width
non-scaling-stroke
/>
<LucideProvider>
<House data-testid="provider-icon" />
integrations/lucide-vue/vite/tests/icons.browser.spec.ts
+7 -1
View File
@@ -17,9 +17,15 @@ test('renders Lucide public APIs in a real browser', async () => {
await expect.element(customIcon).toHaveAttribute('width', '48');
await expect.element(customIcon).toHaveAttribute('height', '48');
await expect.element(customIcon).toHaveAttribute('stroke', 'red');
await expect.element(customIcon).toHaveAttribute('stroke-width', '2');
await expect.element(customIcon).toHaveAttribute('stroke-width', '4');
await expect.element(customIcon).toHaveClass('consumer-icon');
const customIconChildren = Array.from(customIcon.element().children);
expect(customIconChildren.length).toBeGreaterThan(0);
for (const child of customIconChildren) {
expect(child.getAttribute('vector-effect')).toBe('non-scaling-stroke');
}
const providerIcon = screen.getByTestId('provider-icon');
await expect.element(providerIcon).toHaveAttribute('width', '32');
await expect.element(providerIcon).toHaveAttribute('stroke', 'purple');