11import type { Meta , StoryObj } from "@storybook/react" ;
2+ import { within , userEvent } from "@storybook/test" ;
23import { chromaticWithTablet } from "testHelpers/chromatic" ;
34import { MockUser , MockUser2 } from "testHelpers/entities" ;
45import { withDashboardProvider } from "testHelpers/storybook" ;
@@ -10,26 +11,63 @@ const meta: Meta<typeof NavbarView> = {
1011component :NavbarView ,
1112args :{
1213user :MockUser ,
14+ canViewAllUsers :true ,
1315canViewAuditLog :true ,
1416canViewDeployment :true ,
15- canViewAllUsers :true ,
1617canViewHealth :true ,
18+ canViewOrganizations :true ,
1719} ,
1820decorators :[ withDashboardProvider ] ,
1921} ;
2022
2123export default meta ;
2224type Story = StoryObj < typeof NavbarView > ;
2325
24- export const ForAdmin :Story = { } ;
26+ export const ForAdmin :Story = {
27+ play :async ( { canvasElement} ) => {
28+ const canvas = within ( canvasElement ) ;
29+ await userEvent . click ( canvas . getByRole ( "button" , { name :"Deployment" } ) ) ;
30+ } ,
31+ } ;
32+
33+ export const ForAuditor :Story = {
34+ args :{
35+ user :MockUser2 ,
36+ canViewAllUsers :false ,
37+ canViewAuditLog :true ,
38+ canViewDeployment :false ,
39+ canViewHealth :false ,
40+ canViewOrganizations :false ,
41+ } ,
42+ play :async ( { canvasElement} ) => {
43+ const canvas = within ( canvasElement ) ;
44+ await userEvent . click ( canvas . getByRole ( "button" , { name :"Deployment" } ) ) ;
45+ } ,
46+ } ;
47+
48+ export const ForOrgAdmin :Story = {
49+ args :{
50+ user :MockUser2 ,
51+ canViewAllUsers :false ,
52+ canViewAuditLog :true ,
53+ canViewDeployment :false ,
54+ canViewHealth :false ,
55+ canViewOrganizations :true ,
56+ } ,
57+ play :async ( { canvasElement} ) => {
58+ const canvas = within ( canvasElement ) ;
59+ await userEvent . click ( canvas . getByRole ( "button" , { name :"Deployment" } ) ) ;
60+ } ,
61+ } ;
2562
2663export const ForMember :Story = {
2764args :{
2865user :MockUser2 ,
66+ canViewAllUsers :false ,
2967canViewAuditLog :false ,
3068canViewDeployment :false ,
31- canViewAllUsers :false ,
3269canViewHealth :false ,
70+ canViewOrganizations :false ,
3371} ,
3472} ;
3573