CSS Basic User Interface Module Level 3 CR Test Suite

Pointing Devices and Keyboards (201 tests)

Test Refs Flags Info
+ 6 Pointing Devices and Keyboards
+ 6.1 Pointer interaction
+ 6.1.1 cursor property
cursor-001 Interact cursor: none
  • The 'none' cursor value is supported
cursor-002 Interact cursor: context-menu
  • The 'context-menu' cursor value is supported
cursor-003 Interact cursor: cell
  • The 'cell' cursor value is supported
cursor-004 Interact cursor: vertical-text
  • The 'vertical-text' cursor value is supported
cursor-005 Interact cursor: alias
  • The 'alias' cursor value is supported
cursor-006 Interact cursor: copy
  • The 'copy' cursor value is supported
cursor-007 Interact cursor: no-drop
  • The 'no-drop' cursor value is supported
cursor-008 Interact cursor: not-allowed
  • The 'not-allowed' cursor value is supported
cursor-009 Interact cursor: grab
  • The 'grab' cursor value is supported
cursor-010 Interact cursor: grabbing
  • The 'grabbing' cursor value is supported
cursor-011 Interact cursor: ew-resize
  • The 'ew-resize' cursor value is supported
cursor-012 Interact cursor: ns-resize
  • The 'ns-resize' cursor value is supported
cursor-013 Interact cursor: nesw-resize
  • The 'nesw-resize' cursor value is supported
cursor-014 Interact cursor: nwse-resize
  • The 'nwse-resize' cursor value is supported
cursor-015 Interact cursor: col-resize
  • The 'col-resize' cursor value is supported
cursor-016 Interact cursor: row-resize
  • The 'row-resize' cursor value is supported
cursor-017 Interact cursor: all-scroll
  • The 'all-scroll' cursor value is supported
cursor-018 Interact cursor: zoom-in
  • The 'zoom-in' cursor value is supported
cursor-019 Interact cursor: zoom-out
  • The 'zoom-out' cursor value is supported
cursor-020 Interact cursor: pointer
  • The 'pointer' cursor value is supported
cursor-auto-001 Interact cursor:auto on text
  • The 'auto' cursor value does the same as 'text' over text.
cursor-auto-002 Interact cursor:auto on links
  • The 'auto' cursor value does the same as 'text' over text. Links are not special.
cursor-auto-003 Interact cursor:auto on non-textual links
  • The 'auto' cursor value does the same as 'default' over non textual content. Links are not special.
cursor-auto-004 Interact cursor:auto on empty space
  • The 'auto' cursor value does the same as 'text' over text.
cursor-auto-005 InteractOptional cursor:auto on form elements
  • The 'auto' cursor value does the same as 'default' over everything other than text, such as form elements.
cursor-border-area Interact cursor on the border area
  • The cursor property is applied over the border area.
cursor-box-004 Interact cursor on the margin-box
  • The cursor property is not applied over the margin box.
cursor-box-005 Interact cursor on transparent borders
  • The cursor property is applied over the border box, even if the border is transparent.
cursor-box-006 Interact cursor on border images extending out of the border-box
  • The cursor property is not applied outside of the border box, even if border images do extend further out.
cursor-box-007 Interact cursor on the margin-box
  • The cursor property is only applied within the border-edge, which follows border-radius.
cursor-content-area Interact cursor on the content area
  • The cursor property is applied over the content area, as it is strictly inside the border edge.
cursor-hover-001 Interact cursor and :hover
  • Checks that the correct cursor is used when :hover appears at the rightmost part of the selector.
cursor-hover-002 Interact cursor and :hover on ancestor
  • Checks that the correct cursor is used when :hover appears in the selector other than at the rightmost part.
cursor-hover-003 Interact cursor, :hover and inheritance
  • Checks that a cursor set on an ancestor with the :hover pseudo class is properly inherited to the hovered child.
cursor-image-001 BitmapsInteract Cursor property, url value
  • Test checks that a PNG image supported as a custom cursor.
cursor-image-002 BitmapsInteract Cursor property, url value
  • Test checks that a PNG image supported as a custom cursor, loaded cross-domain with absolute url.
cursor-image-003 BitmapsInteractOptional Cursor property, url value
  • Test checks that an ICO image is supported as a custom cursor.
cursor-image-004 BitmapsInteractOptional Cursor property, url value
  • Test checks that an ICO image, with its own hotspot, is supported as a custom cursor.
cursor-image-005 InteractSVG Cursor property, url value
  • Test checks that a fixed size SVG image is supported as a custom cursor.
cursor-image-005-nfs InteractSVG Cursor property, url value
  • Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images.
cursor-image-006 AnimatedBitmapsInteract Cursor property, url value
  • Test checks that an ANI image, with it's own hotspot, is supported as a custom cursor.
cursor-image-007 BitmapsInteractSVG Cursor property, url value
  • Test checks that a compressed, fixed size SVG image is supported as a custom cursor.
cursor-image-008 BitmapsInteract Cursor property, url value fallback
  • Test checks that non-existent images cause the fallback to be used.
cursor-image-009 BitmapsInteractInvalid Cursor property, url value, no fallback
  • Test checks that a fallback cursor is required.
cursor-image-010 BitmapsInteract Cursor property, url value
  • Test checks that a GIF image is supported as a custom cursor.
cursor-image-011 BitmapsInteract Cursor property, url value
  • Test checks that a GIF image with transparency is supported as a custom cursor.
cursor-image-012 BitmapsInteract Cursor property, url value
  • Test checks that a JPEG/JFIF image is supported as a custom cursor.
cursor-image-png-001 BitmapsInteract Cursor property, PNG
  • Test checks that a monochrome (type 0) PNG image, 1 bit/pixel, is supported as a CSS custom cursor.
cursor-image-png-002 Interact Cursor property, PNG
  • Test checks that a black and white PNG image cursor is supported.
cursor-image-png-003 Interact Cursor property, PNG
  • Test checks that a black and white PNG image cursor is supported.
cursor-image-png-004 Interact Cursor property, PNG
  • Test checks that a black and white PNG image cursor is supported.
cursor-image-png-005 Interact Cursor property, PNG
  • Test checks that a black and white PNG image cursor is supported.
cursor-image-png-006 Interact Cursor property, PNG
  • Test checks that an RGB PNG image cursor is supported.
cursor-image-png-007 Interact Cursor property, PNG
  • Test checks that an RGB PNG image cursor is supported.
cursor-image-png-008 Interact Cursor property, PNG
  • Test checks that an indexed PNG image cursor is supported.
cursor-image-png-009 Interact Cursor property, PNG
  • Test checks that an indexed PNG image cursor is supported.
cursor-image-png-010 Interact Cursor property, PNG
  • Test checks that an indexed PNG image cursor is supported.
cursor-image-png-011 Interact Cursor property, PNG
  • Test checks that an indexed PNG image cursor is supported.
cursor-image-png-012 Interact Cursor property, PNG
  • Test checks that a greyscale with alpha PNG image cursor is supported.
cursor-image-png-013 Interact Cursor property, PNG
  • Test checks that a greyscale with alpha PNG image cursor is supported.
cursor-image-png-014 Interact Cursor property, PNG
  • Test checks that an RGB with alpha PNG image cursor is supported.
cursor-image-png-015 Interact Cursor property, PNG
  • Test checks that an RGB with alpha PNG image cursor is supported.
cursor-image-png-016 Interact Cursor property, PNG
  • Test checks that an interlaced black and white PNG image cursor is supported.
cursor-image-png-017 Interact Cursor property, PNG
  • Test checks that an interlaced black and white PNG image cursor is supported.
cursor-image-png-018 Interact Cursor property, PNG
  • Test checks that an interlaced black and white PNG image cursor is supported.
cursor-image-png-019 Interact Cursor property, PNG
  • Test checks that an interlaced black and white PNG image cursor is supported.
cursor-image-png-020 Interact Cursor property, PNG
  • Test checks that an interlaced black and white PNG image cursor is supported.
cursor-image-png-021 Interact Cursor property, PNG
  • Test checks that an interlaced RGB PNG image cursor is supported.
cursor-image-png-022 Interact Cursor property, PNG
  • Test checks that an interlaced RGB PNG image cursor is supported.
cursor-image-png-023 Interact Cursor property, PNG
  • Test checks that an interlaced, indexed PNG image cursor is supported.
cursor-image-png-024 Interact Cursor property, PNG
  • Test checks that an interlaced, indexed PNG image cursor is supported.
cursor-image-png-025 Interact Cursor property, PNG
  • Test checks that an interlaced, indexed PNG image cursor is supported.
cursor-image-png-026 Interact Cursor property, PNG
  • Test checks that an interlaced, indexed PNG image cursor is supported.
cursor-image-png-027 Interact Cursor property, PNG
  • Test checks that an interlaced greyscale with alpha PNG image cursor is supported.
cursor-image-png-028 Interact Cursor property, PNG
  • Test checks that an interlaced greyscale with alpha PNG image cursor is supported.
cursor-image-png-029 Interact Cursor property, PNG
  • Test checks that an interlaced RGB with alpha PNG image cursor is supported.
cursor-image-png-030 Interact Cursor property, PNG
  • Test checks that an interlaced RGB with alpha PNG image cursor is supported.
cursor-image-png-031 Interact Cursor property, PNG
  • Test checks that a greyscale PNG image cursor with transparency is supported.
cursor-image-png-032 Interact Cursor property, PNG
  • Test checks that a greyscale PNG image cursor with transparency is supported.
cursor-image-png-033 Interact Cursor property, PNG
  • Test checks that an RGB PNG image cursor with transparency is supported.
cursor-image-png-034 Interact Cursor property, PNG
  • Test checks that an RGB PNG image cursor with transparency is supported.
cursor-image-png-035 Interact Cursor property, PNG
  • Test checks that an RGB PNG image cursor with transparency is supported.
cursor-image-png-036 Interact Cursor property, PNG
  • Test checks that an indexed PNG image cursor with transparency is supported.
cursor-image-png-037 Interact Cursor property, PNG
  • Test checks that an indexed PNG image cursor with transparency is supported.
cursor-image-png-038 Interact Cursor property, PNG
  • Test checks that gamma correction on PNG image cursor is correct.
cursor-image-png-039 Interact Cursor property, PNG
  • Test checks that gamma correction on PNG image cursor is correct.
cursor-image-png-040 Interact Cursor property, PNG
  • Test checks that gamma correction on PNG image cursor is correct.
cursor-image-png-041 Interact Cursor property, PNG
  • Test checks invalid PNG image cursor skipped, fallback used.
cursor-image-png-042 Interact Cursor property, PNG
  • Test checks invalid PNG image cursor skipped, fallback used.
cursor-image-png-043 Interact Cursor property, PNG
  • Test checks invalid PNG image cursor skipped, fallback used.
cursor-outline-area Interact cursor on outline
  • The cursor property is not applied over outline.
cursor-padding-area Interact cursor on the padding area
  • The cursor property is applied over the padding area, as it is strictly inside the border edge.
cursor-text-001 InteractOptional cursor:text with vertical text
  • User agents may automatically display a horizontal I-beam/cursor (e.g. same as the vertical-text keyword) for vertical text.
cursor-text-002 InteractOptional cursor:text with rotated text
  • User agents may automatically display any angle of I-beam/cursor for text that is rendered at any particular angle
+ 6.1.1.1 Cursor of the canvas
canvas-cursor-001 BitmapsInteract propagating the root cursor to the canvas
  • Test checks the cursor applied to the root element is propagated to the canvas.
canvas-cursor-002 BitmapsInteract not propagating the body cursor to the canvas
  • Test checks the cursor applied to the body element is not propagated to the canvas.
+ 6.2 Insertion caret
+ 6.2.1 Coloring the insertion caret: caret-color
caret-color-001 Interact caret-color
  • Test checks that caret-color can be set on a textarea
caret-color-002 Interact caret-color is inherited
  • Test checks that caret-color value does inherit
caret-color-003 InteractRecommend caret-color auto
  • Test checks that caret-color: auto matches currentColor
caret-color-004 Interact caret-color auto, black on white
  • Test checks that caret-color:auto provides good contrast in black on white
caret-color-005 Interact caret-color auto, white on black
  • Test checks that caret-color:auto provides good contrast in white on black
caret-color-006 InteractOptional caret-color auto, gray on gray
  • Test checks that caret-color:auto provides good contrast in gray on gray
caret-color-007 Interact caret-color: currentColor
  • Test checks that caret-color:currentColor is inherited as currentColor and resolves to the value of the color property at used value time
caret-color-008 AnimatedInteract caret-color animation
  • Test checks that caret-color is animatable as a color
caret-color-009 DOM/JSScript caret-color computed values
  • Test checks that the resolved value of auto, currentcolor and initial for caret-color property, is the used value.
caret-color-010 Interact caret-color input
  • Test checks that caret-color can be set on an input
caret-color-011 Interact caret-color contenteditable
  • Test checks that caret-color can be set on a contenteditable element
caret-color-012 InteractRecommend caret-color: auto
  • Test checks that caret-color:auto is inherited as auto and resolves to the value of the color property at used value time
caret-color-013 DOM/JSScript caret-color dynamic changes
  • Test checks checks that carret-color can be correctly changed using the style attribute, and that the computed value is done correctly.
caret-color-014 Interact caret-color links
  • Test checks that caret-color can be set on a contenteditable link
caret-color-015 Interact caret-color visited links
  • Test checks that caret-color can be set on a contenteditable visited link
caret-color-016 InteractOptionalScript caret-color visited link computed value
  • Test checks that computed style of caret-color on visited links doesn't leak privacy information.
caret-color-017 Interact caret-color transition
  • Test checks that caret-color can be used in a transition
caret-color-018 Script caret-color test animation
  • Test checks that caret-color is animatable as a color, and that the computed values during the animation are the expected ones.
caret-color-019 Script caret-color auto test animation
  • Test checks that 'auto' value for caret-color property is not interpolable.
caret-color-020 Script caret-color currentcolor test animation
  • Test checks that 'currentcolor' value for caret-color property is interpolable.
caret-color-021 Script Default caret-color test animation
  • Test checks that the default value for caret-color property, which is 'auto', is not interpolable.
+ 6.3 Keyboard control
+ 6.3.1 Directional focus navigation: the nav-up, nav-right, nav-down, nav-left properties
+ 6.3.1.1 Example: positioned buttons
+ 6.3.1.2 Example: moving focus to inside a frame
+ 6.3.2 Obsolete: the ime-mode property