Test.Html.Events

This module allows you to simulate events on Html nodes, the Msg generated by the event is returned so you can test it

type Event

= Click

| DoubleClick

| MouseDown

| MouseUp

| MouseEnter

| MouseLeave

| MouseOver

| MouseOut

| Input String

| Check Bool

| Submit

| Blur

| Focus

| CustomEvent String String

Event constructors to simulate events

simulate : Event -> Single -> EventNode msg

Simulates an event on a node

type Msg
    = Change String


test "Input produces expected Msg" <|
    \() ->
        Html.input [ onInput Change ] [ ]
            |> Query.fromHtml
            |> Events.simulate (Input "cats")
            |> Expect.expectEvent (Change "cats")

expectEvent : msg -> EventNode msg -> Expectation

Passes if given event equals the triggered event

type Msg
    = Change String


test "Input produces expected Msg" <|
    \() ->
        Html.input [ onInput Change ] [ ]
            |> Query.fromHtml
            |> Events.simulate (Input "cats")
            |> Expect.expectEvent (Change "cats")

eventResult : EventNode msg -> Result String msg

Returns a Result with the Msg produced by the event simulated on a node

eeue56/elm-html-test/2.0.0

Test.Html.Events

Modules