Fix the visual test on the Label component (#8078)

* Set the chromatic parameters on Label's stories to test it in different viewports

* Make the mock text longer
This commit is contained in:
Yuichiro Tachibana (Tsuchiya) 2024-04-19 21:14:06 +01:00 committed by GitHub
parent d7461aab51
commit 367a20c525
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,10 +1,19 @@
<script context="module">
import { Template, Story } from "@storybook/addon-svelte-csf";
import { allModes } from "../storybook/modes";
import Label from "./Index.svelte";
export const meta = {
title: "Components/Label",
component: Label
component: Label,
parameters: {
chromatic: {
modes: {
desktop: allModes["desktop"],
mobile: allModes["mobile"]
}
}
}
};
</script>
@ -19,8 +28,7 @@
label: "Label",
confidences: [
{
label:
"Long space separated label text, long space separated label text, long space separated label text",
label: "Long space separated label text, ".repeat(10),
confidence: 0.8
}
]