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

Adds tests against the view

Browse Source
This commit is contained in:
Tessa Kelly 2023-02-24 14:00:35 -07:00
parent 9f43c891c9
commit c90af778c8
1 changed files with 164 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

280
tests/Spec/Nri/Ui/BreadCrumbs.elm
View File

@ -1,136 +1,184 @@
module Spec.Nri.Ui.BreadCrumbs exposing (spec)
import Accessibility.Aria as Aria
import Expect
import Html.Styled exposing (toUnstyled)
import Nri.Ui.BreadCrumbs.V2 as BreadCrumbs exposing (BreadCrumbs)
import Test exposing (..)
import Test.Html.Query as Query
import Test.Html.Selector as Selector exposing (..)
spec : Test
spec =
describe "Nri.Ui.BreadCrumbs.V2"
[ pageTitle
, headerId
[ describe "toPageTitle" pageTitle
, describe "headerId" headerId
, describe "view" view
-- TODO: add viewSecondary tests
--, describe "viewSecondary" viewSecondary
]
pageTitle : Test
pageTitle : List Test
pageTitle =
describe "toPageTitle"
[ test "1 primary crumb" <|
\() ->
BreadCrumbs.toPageTitle home
|> Expect.equal "Home | NoRedInk"
, test "2 primary crumbs" <|
\() ->
BreadCrumbs.toPageTitle library
|> Expect.equal "Library | Home | NoRedInk"
, test "1 primary crumb & 1 secondary crumb" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "My account"
, route = "my-account"
}
[]
|> BreadCrumbs.toPageTitle
|> Expect.equal "My account | Home | NoRedInk"
, test "1 primary crumb & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.toPageTitle
|> Expect.equal "secondary 2 | secondary 1 | Home | NoRedInk"
, test "2 primary crumbs & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary library
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.toPageTitle
|> Expect.equal "secondary 2 | secondary 1 | Library | NoRedInk"
]
[ test "1 primary crumb" <|
\() ->
BreadCrumbs.toPageTitle home
|> Expect.equal "Home | NoRedInk"
, test "2 primary crumbs" <|
\() ->
BreadCrumbs.toPageTitle library
|> Expect.equal "Library | Home | NoRedInk"
, test "1 primary crumb & 1 secondary crumb" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "My account"
, route = "my-account"
}
[]
|> BreadCrumbs.toPageTitle
|> Expect.equal "My account | Home | NoRedInk"
, test "1 primary crumb & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.toPageTitle
|> Expect.equal "secondary 2 | secondary 1 | Home | NoRedInk"
, test "2 primary crumbs & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary library
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.toPageTitle
|> Expect.equal "secondary 2 | secondary 1 | Library | NoRedInk"
]
headerId : Test
headerId : List Test
headerId =
describe "headerId"
[ test "1 primary crumb" <|
\() ->
BreadCrumbs.headerId home
|> Expect.equal homeId
, test "2 primary crumbs" <|
\() ->
BreadCrumbs.headerId library
|> Expect.equal libraryId
, test "1 primary crumb & 1 secondary crumb" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "My account"
, route = "my-account"
}
[]
|> BreadCrumbs.headerId
|> Expect.equal "id-1"
, test "1 primary crumb & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.headerId
|> Expect.equal "id-2"
, test "2 primary crumbs & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary library
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.headerId
|> Expect.equal "id-2"
]
[ test "1 primary crumb" <|
\() ->
BreadCrumbs.headerId home
|> Expect.equal homeId
, test "2 primary crumbs" <|
\() ->
BreadCrumbs.headerId library
|> Expect.equal libraryId
, test "1 primary crumb & 1 secondary crumb" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "My account"
, route = "my-account"
}
[]
|> BreadCrumbs.headerId
|> Expect.equal "id-1"
, test "1 primary crumb & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary home
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.headerId
|> Expect.equal "id-2"
, test "2 primary crumbs & 2 secondary crumbs" <|
\() ->
BreadCrumbs.initSecondary library
{ id = "id-1"
, text = "secondary 1"
, route = "secondary 1"
}
[]
|> (\previous ->
BreadCrumbs.after previous
{ id = "id-2"
, text = "secondary 2"
, route = "secondary 2"
}
[]
)
|> BreadCrumbs.headerId
|> Expect.equal "id-2"
]
view : List Test
view =
let
viewQuery currentRoute crumbs =
BreadCrumbs.view
{ aTagAttributes = \_ -> []
, isCurrentRoute = (==) currentRoute
, label = "breadcrumbs"
}
crumbs
|> toUnstyled
|> Query.fromHtml
in
[ test "1 primary crumb, does not wrap with breadcrumb semantics" <|
\() ->
home
|> viewQuery "home"
|> Expect.all
[ Query.hasNot [ tag "nav" ]
, Query.hasNot [ attribute Aria.currentPage ]
, Query.has [ tag "h1", containing [ text "Home" ] ]
]
, test "more than 1 primary crumb, does wrap with breadcrumb semantics" <|
\() ->
library
|> viewQuery "library"
|> Expect.all
[ Query.has [ tag "nav", attribute (Aria.label "breadcrumbs") ]
, Query.has
[ all
[ tag "h1"
, attribute Aria.currentPage
, containing [ text "Library" ]
]
]
, Query.has
[ all [ tag "a", containing [ text "Home" ] ]
]
]
]
home : BreadCrumbs String