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

Explicitly test how the markdown renders or is stripped out for block

Browse Source
This commit is contained in:
Tessa Kelly 2023-04-05 14:29:02 -06:00
parent 61591f1ffc
commit f8b0043e81
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
tests/Spec/Nri/Ui/Block.elm
View File

@ -1,11 +1,13 @@
module Spec.Nri.Ui.Block exposing (spec)
import Accessibility.Aria as Aria
import Browser.Dom exposing (Element)
import Dict
import Expect
import Html.Attributes as Attributes
import Html.Styled
import Nri.Ui.Block.V4 as Block
import Spec.PseudoElements exposing (hasAfter, hasBefore)
import Test exposing (..)
import Test.Html.Query as Query
import Test.Html.Selector as Selector
@ -105,7 +107,31 @@ labelMarkdownSpec =
, Block.label "This **is** markdown"
]
|> toQuery
|> Query.has [ Selector.text "This is markdown" ]
|> Expect.all
[ -- The rendered markdown label content should be in a paragraph tag.
-- It should be hidden from SR users, since the label information
-- is conveyed another way.
Query.has
[ Selector.attribute (Aria.hidden True)
, Selector.containing
[ Selector.tag "p"
, Selector.text "This "
]
, Selector.containing
[ Selector.tag "p"
, Selector.containing [ Selector.tag "strong" ]
]
, Selector.containing
[ Selector.tag "p"
, Selector.text " markdown"
]
]
-- The before and after elements that convey the mark type to AT users
-- should not include markdown (e.g., no asterisks)
, hasBefore "start This is markdown" "Hello"
, hasAfter "end This is markdown" "there"
]
]