mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-11-26 17:25:04 +03:00
Adds regression test
a bit difficult to say whether this will actually catch this kind of issue, but better to have the test than not
This commit is contained in:
parent
f8c18ba872
commit
d6cb57e47e
@ -91,6 +91,15 @@ pressSpaceKey { targetDetails } =
|
||||
pressKey { targetDetails = targetDetails, keyCode = 32, shiftKey = False }
|
||||
|
||||
|
||||
pressDownArrow :
|
||||
{ targetDetails : List ( String, Encode.Value ) }
|
||||
-> List Selector
|
||||
-> ProgramTest model msg effect
|
||||
-> ProgramTest model msg effect
|
||||
pressDownArrow { targetDetails } =
|
||||
pressKey { targetDetails = targetDetails, keyCode = 40, shiftKey = False }
|
||||
|
||||
|
||||
pressRightArrow :
|
||||
{ targetDetails : List ( String, Encode.Value ) }
|
||||
-> List Selector
|
||||
|
@ -5,6 +5,7 @@ import Html.Styled as HtmlStyled
|
||||
import Json.Encode as Encode
|
||||
import Nri.Ui.ClickableText.V3 as ClickableText
|
||||
import Nri.Ui.Menu.V4 as Menu
|
||||
import Nri.Ui.Tooltip.V3 as Tooltip
|
||||
import ProgramTest exposing (ProgramTest, ensureViewHas, ensureViewHasNot)
|
||||
import Spec.KeyboardHelpers as KeyboardHelpers
|
||||
import Test exposing (..)
|
||||
@ -52,6 +53,20 @@ spec =
|
||||
|> pressEscKey { targetId = "some-random-id" }
|
||||
|> ensureViewHasNot (menuContentSelector menuContent)
|
||||
|> ProgramTest.done
|
||||
, test "Opens on down arrow" <|
|
||||
\() ->
|
||||
program []
|
||||
|> KeyboardHelpers.pressDownArrow { targetDetails = targetDetails "hello-button" }
|
||||
[ Selector.tag "button", Selector.id "hello-button" ]
|
||||
|> ensureViewHas (menuContentSelector menuContent)
|
||||
|> ProgramTest.done
|
||||
, test "Opens on down arrow when there's a tooltip attached" <|
|
||||
\() ->
|
||||
program [ Menu.withTooltip [ Tooltip.onToggle ToggleTooltip ] ]
|
||||
|> KeyboardHelpers.pressDownArrow { targetDetails = targetDetails "hello-button" }
|
||||
[ Selector.tag "button", Selector.id "hello-button" ]
|
||||
|> ensureViewHas (menuContentSelector menuContent)
|
||||
|> ProgramTest.done
|
||||
, describe "disclosure" <|
|
||||
[ test "Close on esc key" <|
|
||||
\() ->
|
||||
@ -108,19 +123,27 @@ type alias Model =
|
||||
{ isOpen : Bool }
|
||||
|
||||
|
||||
type alias Msg =
|
||||
Bool
|
||||
type Msg
|
||||
= ToggleMenu Bool
|
||||
| ToggleTooltip Bool
|
||||
|
||||
|
||||
program : List (Menu.Attribute Msg) -> ProgramTest Model Msg ()
|
||||
program attributes =
|
||||
ProgramTest.createSandbox
|
||||
{ init = { isOpen = False }
|
||||
, update = \msg _ -> { isOpen = msg }
|
||||
, update =
|
||||
\msg model ->
|
||||
case msg of
|
||||
ToggleMenu m ->
|
||||
{ isOpen = m }
|
||||
|
||||
ToggleTooltip _ ->
|
||||
model
|
||||
, view =
|
||||
\model ->
|
||||
HtmlStyled.div []
|
||||
[ Menu.view (\{ isOpen } -> isOpen)
|
||||
[ Menu.view (\{ isOpen } -> ToggleMenu isOpen)
|
||||
([ Menu.defaultTrigger menuButton []
|
||||
, Menu.isOpen model.isOpen
|
||||
]
|
||||
|
Loading…
Reference in New Issue
Block a user