img
+Normalize.css: UI tests
-html
+ should have san-serif font family (opinionated)
+
+ abcdefghijklmnopqrstuvwxyz
+
- svg
+body
+ should have no margin (opinionated)
+
+ (there should be no red background visible on this page)
+
-
+ article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section, summary
+ should render as block
+
+ article
+
+
+ figure
+ figcaption
+
+
+ header
+ hgroup
+ main
+
+ section
+
-
+
+ summary
+ details +video
+audio, canvas, progress, video
+ should render as inline-block and baseline-aligned
+
+
+
+
+
+
-
-
+ audio:not([controls]), template, [hidden]
+ should not display
+
+
+
+
- {{title}}
+This should be hidden
+Interactive content
+a
+ should have a transparent background when active
+
+ dummy anchor
+
+ should not have a focus outline when both focused and hovered (opinionated)
+
+ dummy anchor
+
- details / summary
-
-
+ More info
-Additional information
--
-
- Point 1 -
- Point 2 -
abbr[title]
+ should have a dotted bottom border
+
+ abbr
+
- Grouping content
+b, strong
+ should have bold font-weight
+
+ b
+ strong
+
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
+dfn
+ should have italic font-style
+
+ dfn
+
- pre
+h1
+ should not change size within an article
+
+
+
+
+ Heading (control)
+Heading (in article)
+should not change size within a section
+
+
+
+
- Heading (control)
+Heading (in section)
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.+
mark
+ should have a yellow background
+
+ mark
+
- <html>
- <head>
- </head>
- <body>
- <div class="main"> <div>
- </body>
-</html>small
+ should render equally small in all browsers
+
+ control. small.
+
- blockquote
+sub and sup
+ should not affect a line's visual line-height
+
+
- control.
+control. sub.
+control. sup.
+-+Some sort of famous witty quote marked up with a <blockquote> and a child <p> element.
-
img
+ should not have a border when wrapped in an anchor
+
+
+
+ 
+
+
-
+
+ Even better philosophical quote marked up with just a <blockquote> element.+
svg
+ should not overflow
+
+
+
- ordered list
+figure
+ should have margins
+ --
-
- list item 1 -
- list item 1
-
-
-
- list item 2 -
- list item 2
-
-
-
- list item 3 -
- list item 3 -
- - list item 2 -
- list item 2 -
- - list item 1 -
- list item 1 -
hr
+ should have a content-box box model
+
+
+
- +
unordered list
+pre
+ should trigger a scrollbar when too wide for its container
+
+
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.+
-
-
- list item 1 -
- list item 1
-
-
-
- list item 2 -
- list item 2
-
-
-
- list item 3 -
- list item 3 -
- - list item 2 -
- list item 2 -
- - list item 1 -
- list item 1 -
code, kbd, pre, samp
+ should render em-unit preformatted text at the same absolute size as normal text
+
+ span: abcdefghijklmnopqrstuvwxyz.
+
+ kbd: abcdefghijklmnopqrstuvwxyz.
+ samp: abcdefghijklmnopqrstuvwxyz. +
- +
code: abcdefghijklmnopqrstuvwxyz.+ kbd: abcdefghijklmnopqrstuvwxyz.
+ samp: abcdefghijklmnopqrstuvwxyz. +
pre: abcdefghijklmnopqrstuvwxyz.+
description list
+button, input, optgroup, select, textarea
+ should inherit color from ancestor
+
+
+
+
+ +
+ +
+
+ +
should inherit font from ancestor
+
+
+
+
+ +
+ +
+
+ +
should not have margins
+
+
+
+
+
+
+
- figure
+button
+ should have visible overflow
+
+
+
+
- button, select
+ should not inherit text-transform
+
+
+
+
- Tabular data
+button and button-style input
+ should have pointer cursor style
+
+
+
+
+
+
+
+ should be stylable
+
+
+
+
+
+
+
+
- | Album | -Year | -Price | -
|---|---|---|
| Album | -Year | -Price | -
| Are You Experienced | -1967 | -$10.00 | -
| Axis: Bold as Love | -1967 | -$12.00 | -
| Electric Ladyland | -1968 | -$10.00 | -
| Band of Gypsys | -1970 | -$12.00 | -
disabled button and input
+ should have default cursor style
+
+
+
+
+
+
+
- Forms
+button, input
+ should not have extra inner padding in Firefox
+
+
+
+
+
+
+
+
-
-
-
-
+