NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-11-27 03:14:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add tests

Browse Source
This commit is contained in:
Brian J. Cardiff 2022-07-11 11:10:31 -03:00
parent ae3b259d25
commit cc614340bc
1 changed files with 55 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
tests/Spec/Nri/Ui/Menu.elm
View File

@ -39,9 +39,38 @@ spec =
-- Menu opens on mouse click and closes on tab key
|> clickMenuButton
|> ensureViewHas (menuContentSelector menuContent)
|> pressTabKey
|> pressTabKey { targetId = Nothing }
|> ensureViewHasNot (menuContentSelector menuContent)
|> ProgramTest.done
, test "Close on esc key" <|
\() ->
program []
-- Menu opens on mouse click and closes on tab key
|> clickMenuButton
|> ensureViewHas (menuContentSelector menuContent)
|> pressEscKey { targetId = Nothing }
|> ensureViewHasNot (menuContentSelector menuContent)
|> ProgramTest.done
, describe "disclosure" <|
[ test "Close on esc key" <|
\() ->
program [ Menu.disclosure { lastId = "last-button" } ]
-- Menu opens on mouse click and closes on esc key
|> clickMenuButton
|> ensureViewHas (menuContentSelector menuContent)
|> pressEscKey { targetId = Nothing }
|> ensureViewHasNot (menuContentSelector menuContent)
|> ProgramTest.done
, test "Closes after tab on lastId" <|
\() ->
program [ Menu.disclosure { lastId = "last-button" } ]
|> clickMenuButton
|> ensureViewHas (menuContentSelector menuContent)
-- NOTE: unable to simulate pressTabKey with other targetId since those decoders will fail
|> pressTabKey { targetId = Just "last-button" }
|> ensureViewHasNot (menuContentSelector menuContent)
|> ProgramTest.done
]
]
@ -68,6 +97,9 @@ program attributes =
[ Menu.entry "hello-button" <|
\attrs ->
ClickableText.button menuContent [ ClickableText.custom attrs ]
, Menu.entry "last-button" <|
\attrs ->
ClickableText.button menuContent [ ClickableText.custom attrs ]
]
, focusAndToggle = \{ isOpen } -> isOpen
}
@ -134,8 +166,8 @@ clickMenuButton =
Event.click
pressTabKey : ProgramTest model msg effect -> ProgramTest model msg effect
pressTabKey =
pressKey : { targetId : Maybe String, keyCode : Int, shiftKey : Bool } -> ProgramTest model msg effect -> ProgramTest model msg effect
pressKey { targetId, keyCode, shiftKey } =
ProgramTest.simulateDomEvent
(Query.find
[ Selector.class "Container"
@ -144,8 +176,26 @@ pressTabKey =
(Event.custom
"keydown"
(Encode.object
[ ( "keyCode", Encode.int 9 )
, ( "shiftKey", Encode.bool False )
[ ( "keyCode", Encode.int keyCode )
, ( "shiftKey", Encode.bool shiftKey )
, ( "target"
, Encode.object
(List.filterMap identity <|
[ targetId
|> Maybe.map (\id -> ( "id", Encode.string id ))
]
)
)
]
)
)
pressTabKey : { targetId : Maybe String } -> ProgramTest model msg effect -> ProgramTest model msg effect
pressTabKey { targetId } =
pressKey { targetId = targetId, keyCode = 9, shiftKey = False }
pressEscKey : { targetId : Maybe String } -> ProgramTest model msg effect -> ProgramTest model msg effect
pressEscKey { targetId } =
pressKey { targetId = targetId, keyCode = 27, shiftKey = False }