Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitcf4f56d

Browse files
authored
chore: add stories forMoreMenu (#12464)
1 parent8d8220b commitcf4f56d

File tree

2 files changed

+61
-6
lines changed

2 files changed

+61
-6
lines changed
Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
importGrassIconfrom"@mui/icons-material/Grass";
2+
importKitesurfingIconfrom"@mui/icons-material/Kitesurfing";
3+
import{action}from"@storybook/addon-actions";
4+
importtype{Meta,StoryObj}from"@storybook/react";
5+
import{expect,screen,userEvent,waitFor,within}from"@storybook/test";
6+
import{
7+
MoreMenu,
8+
MoreMenuContent,
9+
MoreMenuItem,
10+
MoreMenuTrigger,
11+
ThreeDotsButton,
12+
}from"./MoreMenu";
13+
14+
constmeta:Meta<typeofMoreMenu>={
15+
title:"components/MoreMenu",
16+
component:MoreMenu,
17+
};
18+
19+
exportdefaultmeta;
20+
typeStory=StoryObj<typeofMoreMenu>;
21+
22+
constExample:Story={
23+
args:{
24+
children:(
25+
<>
26+
<MoreMenuTrigger>
27+
<ThreeDotsButton/>
28+
</MoreMenuTrigger>
29+
<MoreMenuContent>
30+
<MoreMenuItemonClick={action("grass")}>
31+
<GrassIcon/>
32+
Touch grass
33+
</MoreMenuItem>
34+
<MoreMenuItemonClick={action("water")}>
35+
<KitesurfingIcon/>
36+
Touch water
37+
</MoreMenuItem>
38+
</MoreMenuContent>
39+
</>
40+
),
41+
},
42+
play:async({ canvasElement, step})=>{
43+
constcanvas=within(canvasElement);
44+
45+
awaitstep("Open menu",async()=>{
46+
awaituserEvent.click(
47+
canvas.getByRole("button",{name:"More options"}),
48+
);
49+
awaitwaitFor(()=>
50+
Promise.all([
51+
expect(screen.getByText(/touchgrass/i)).toBeInTheDocument(),
52+
expect(screen.getByText(/touchwater/i)).toBeInTheDocument(),
53+
]),
54+
);
55+
});
56+
},
57+
};
58+
59+
export{ExampleasMoreMenu};

‎site/src/components/MoreMenu/MoreMenu.tsx

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -111,11 +111,7 @@ export const MoreMenuItem: FC<MoreMenuItemProps> = ({
111111
danger=false,
112112
...menuItemProps
113113
})=>{
114-
constctx=useContext(MoreMenuContext);
115-
116-
if(!ctx){
117-
thrownewError("MoreMenuItem must be used inside of MoreMenu");
118-
}
114+
constmenu=useMoreMenuContext();
119115

120116
return(
121117
<MenuItem
@@ -131,7 +127,7 @@ export const MoreMenuItem: FC<MoreMenuItemProps> = ({
131127
onClick={(e)=>{
132128
menuItemProps.onClick&&menuItemProps.onClick(e);
133129
if(closeOnClick){
134-
ctx.close();
130+
menu.close();
135131
}
136132
}}
137133
/>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp