Skip to content

Commit

Permalink
Merge pull request #452 from pixiv/mimo/csf3-react-multiselect
Browse files Browse the repository at this point in the history 
replac MultiSelect stories to CSF3
  • Loading branch information
@toshusai
toshusai authored Apr 12, 2024
2 parents ef56b4b + caec7f0 commit 27df98b
Show file tree
Hide file tree
Showing 2 changed files with 120 additions and 236 deletions.
76 changes: 32 additions & 44 deletions packages/react/src/components/MultiSelect/__snapshots__/index.story.storyshot
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Storybook Tests MultiSelect Default 1`] = `
exports[`Storybook Tests MultiSelect Basic 1`] = `
.c1 {
display: grid;
grid-template-columns: auto 1fr;
Expand Down Expand Up @@ -136,7 +136,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
data-dark={false}
>
<div
aria-label=""
aria-label="label"
className="c0"
data-testid="SelectGroup"
>
Expand All @@ -149,7 +149,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
checked={true}
className="c2"
disabled={false}
name=""
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢1"
Expand All @@ -166,8 +166,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
<div
className="c4"
>
選択肢
1
選択肢1
</div>
</label>
<label
Expand All @@ -179,7 +178,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
checked={false}
className="c2"
disabled={false}
name=""
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢2"
Expand All @@ -196,8 +195,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
<div
className="c4"
>
選択肢
2
選択肢2
</div>
</label>
<label
Expand All @@ -209,7 +207,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
checked={true}
className="c2"
disabled={false}
name=""
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢3"
Expand All @@ -226,8 +224,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
<div
className="c4"
>
選択肢
3
選択肢3
</div>
</label>
<label
Expand All @@ -239,7 +236,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
checked={false}
className="c2"
disabled={false}
name=""
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢4"
Expand All @@ -256,8 +253,7 @@ exports[`Storybook Tests MultiSelect Default 1`] = `
<div
className="c4"
>
選択肢
4
選択肢4
</div>
</label>
</div>
Expand Down Expand Up @@ -405,7 +401,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
data-dark={false}
>
<div
aria-label=""
aria-label="label"
className="c0"
data-testid="SelectGroup"
>
Expand All @@ -418,7 +414,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢1"
Expand All @@ -435,8 +431,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
<div
className="c4"
>
選択肢
1
選択肢1
</div>
</label>
<label
Expand All @@ -448,7 +443,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢2"
Expand All @@ -465,8 +460,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
<div
className="c4"
>
選択肢
2
選択肢2
</div>
</label>
<label
Expand All @@ -478,7 +472,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢3"
Expand All @@ -495,8 +489,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
<div
className="c4"
>
選択肢
3
選択肢3
</div>
</label>
<label
Expand All @@ -508,7 +501,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢4"
Expand All @@ -525,8 +518,7 @@ exports[`Storybook Tests MultiSelect Invalid 1`] = `
<div
className="c4"
>
選択肢
4
選択肢4
</div>
</label>
</div>
Expand Down Expand Up @@ -673,7 +665,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
data-dark={false}
>
<div
aria-label=""
aria-label="label"
className="c0"
data-testid="SelectGroup"
>
Expand All @@ -686,7 +678,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢1"
Expand All @@ -703,8 +695,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
<div
className="c4"
>
選択肢
1
選択肢1
</div>
</label>
<label
Expand All @@ -716,7 +707,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢2"
Expand All @@ -733,8 +724,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
<div
className="c4"
>
選択肢
2
選択肢2
</div>
</label>
<label
Expand All @@ -746,7 +736,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢3"
Expand All @@ -763,8 +753,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
<div
className="c4"
>
選択肢
3
選択肢3
</div>
</label>
<label
Expand All @@ -776,7 +765,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name="name"
onChange={[Function]}
type="checkbox"
value="選択肢4"
Expand All @@ -793,8 +782,7 @@ exports[`Storybook Tests MultiSelect Overlay 1`] = `
<div
className="c4"
>
選択肢
4
選択肢4
</div>
</label>
</div>
Expand Down Expand Up @@ -950,7 +938,7 @@ exports[`Storybook Tests MultiSelect Playground 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name=""
onChange={[Function]}
type="checkbox"
value="選択肢1"
Expand Down Expand Up @@ -980,7 +968,7 @@ exports[`Storybook Tests MultiSelect Playground 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name=""
onChange={[Function]}
type="checkbox"
value="選択肢2"
Expand Down Expand Up @@ -1010,7 +998,7 @@ exports[`Storybook Tests MultiSelect Playground 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name=""
onChange={[Function]}
type="checkbox"
value="選択肢3"
Expand Down Expand Up @@ -1040,7 +1028,7 @@ exports[`Storybook Tests MultiSelect Playground 1`] = `
checked={false}
className="c2"
disabled={false}
name="defaultName"
name=""
onChange={[Function]}
type="checkbox"
value="選択肢4"
Expand Down
Loading

0 comments on commit 27df98b

Please sign in to comment.