test(packages): updates unit test snapshots with face-slightly-smiling (#4676)

This commit is contained in:
Karsa
2026-08-06 22:36:02 +02:00
committed by GitHub
parent 07df1c7ca2
commit 0f8d48b266
10 changed files with 227 additions and 343 deletions
@@ -12,27 +12,19 @@ exports[`Using lucide icon components > should add a non-default attribute to th
stroke-linejoin="round"
aria-hidden="true"
style="position: absolute"
class="lucide lucide-smile"
class="lucide lucide-face-slightly-smiling"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
</svg>
`;
@@ -127,27 +119,19 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
class="lucide lucide-smile"
class="lucide lucide-face-slightly-smiling"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<p>
Hello World
</p>
@@ -10,27 +10,19 @@ exports[`Using dynamicImports > should render icons dynamically by using the dyn
stroke-width="1"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-smile"
class="lucide lucide-face-slightly-smiling"
aria-label="smile"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
</svg>
`;
+3 -3
View File
@@ -1,5 +1,5 @@
<script lang="ts">
import Smile from '../src/icons/smile.svelte';
import FaceSlightlySmiling from '../src/icons/face-slightly-smiling.svelte';
import { setLucideProps } from '../src/lucide-svelte.js';
setLucideProps({
@@ -10,6 +10,6 @@
});
</script>
<Smile aria-label="smile">
<FaceSlightlySmiling aria-label="smile">
<text>Test</text>
</Smile>
</FaceSlightlySmiling>
+3 -3
View File
@@ -1,10 +1,10 @@
<script lang="ts">
import Smile from '../src/icons/smile.svelte';
import FaceSlightlySmiling from '../src/icons/face-slightly-smiling.svelte';
import type { IconProps } from '../src/types.js';
const props: IconProps = $props();
</script>
<Smile {...props}>
<FaceSlightlySmiling {...props}>
<text>Test</text>
</Smile>
</FaceSlightlySmiling>
+3 -3
View File
@@ -1,10 +1,10 @@
<script lang="ts">
import Smile from '../src/icons/smile.svelte';
import FaceSlightlySmiling from '../src/icons/face-slightly-smiling.svelte';
import type { IconProps } from '../src/types.js';
const props: IconProps = $props();
</script>
<Smile {...props}>
<FaceSlightlySmiling {...props}>
<title>Air conditioning</title>
</Smile>
</FaceSlightlySmiling>
@@ -3,7 +3,7 @@
exports[`Using lucide icon components > should add a class to the element 1`] = `
<svg
aria-hidden="true"
class="lucide-icon lucide lucide-smile my-icon"
class="lucide-icon lucide lucide-face-slightly-smiling my-icon"
fill="none"
height="24"
stroke="currentColor"
@@ -14,6 +14,27 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -23,33 +44,6 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<!---->
</svg>
@@ -59,7 +53,7 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
<div>
<svg
aria-hidden="true"
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
fill="none"
height="48"
stroke="red"
@@ -70,6 +64,27 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
width="48"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -79,33 +94,6 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<!---->
</svg>
@@ -124,27 +112,19 @@ exports[`Using lucide icon components > should not scale the strokeWidth when ab
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
</svg>
`;
@@ -152,7 +132,7 @@ exports[`Using lucide icon components > should render an component 1`] = `
<div>
<svg
aria-hidden="true"
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -163,6 +143,27 @@ exports[`Using lucide icon components > should render an component 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -172,33 +173,6 @@ exports[`Using lucide icon components > should render an component 1`] = `
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<!---->
</svg>
@@ -209,7 +183,7 @@ exports[`Using lucide icon components > should render an component 1`] = `
exports[`Using lucide icon components > should render an icon slot 1`] = `
<div>
<svg
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -220,6 +194,27 @@ exports[`Using lucide icon components > should render an icon slot 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -229,33 +224,6 @@ exports[`Using lucide icon components > should render an icon slot 1`] = `
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<text>
Test
+1 -1
View File
@@ -33,7 +33,7 @@ describe('Using lucide icon components', () => {
expect(IconComponent).toMatchSnapshot();
expect(IconComponent).toHaveClass(testClass);
expect(IconComponent).toHaveClass('lucide');
expect(IconComponent).toHaveClass('lucide-smile');
expect(IconComponent).toHaveClass('lucide-face-slightly-smiling');
});
it('should add a style attribute to the element', () => {
@@ -3,7 +3,7 @@
exports[`Using lucide icon components > should add a class to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile my-icon"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling my-icon"
fill="none"
height="24"
stroke="currentColor"
@@ -14,26 +14,20 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -41,7 +35,7 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
exports[`Using lucide icon components > should add a style attribute to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -53,26 +47,20 @@ exports[`Using lucide icon components > should add a style attribute to the elem
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -80,7 +68,7 @@ exports[`Using lucide icon components > should add a style attribute to the elem
exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="48"
stroke="red"
@@ -91,26 +79,20 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
width="48"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -118,7 +100,7 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
exports[`Using lucide icon components > should pass children to the icon slot 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -129,26 +111,20 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
<text>
Hello World
@@ -161,7 +137,7 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
exports[`Using lucide icon components > should render an component 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -172,26 +148,20 @@ exports[`Using lucide icon components > should render an component 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -3,7 +3,7 @@
exports[`Using lucide icon components > should add a class to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile my-icon"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling my-icon"
fill="none"
height="24"
stroke="currentColor"
@@ -14,26 +14,20 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -41,7 +35,7 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
exports[`Using lucide icon components > should add a style attribute to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -53,26 +47,20 @@ exports[`Using lucide icon components > should add a style attribute to the elem
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -80,7 +68,7 @@ exports[`Using lucide icon components > should add a style attribute to the elem
exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="48"
stroke="red"
@@ -91,26 +79,20 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
width="48"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -118,7 +100,7 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
exports[`Using lucide icon components > should pass children to the icon slot 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -129,26 +111,20 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
<text>
Hello World
@@ -161,7 +137,7 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
exports[`Using lucide icon components > should render an component 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -172,26 +148,20 @@ exports[`Using lucide icon components > should render an component 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
+1 -1
View File
@@ -59,7 +59,7 @@ describe('Using lucide icon components', () => {
expect(icon).toHaveClass('my-icon');
expect(icon).toHaveClass('lucide');
expect(icon).toHaveClass('lucide-smile-icon');
expect(icon).toHaveClass('lucide-face-slightly-smiling-icon');
});
it('should add a style attribute to the element', () => {