Skip to content
This repository was archived by the owner on Dec 18, 2018. It is now read-only.

Tests for nav-left/-right/-up/-down CSS 3 UI properties #372

Merged
rhauck merged 1 commit into from
Jun 9, 2014
Merged

Tests for nav-left/-right/-up/-down CSS 3 UI properties #372

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 26 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-001.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - property inheritance for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that the 'nav-down' property value is not inherited for 'nav-left'.">
<style type="text/css">
#parent {
nav-down: #finish;
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down once moves the focus to the "FINISH" link.</p>

<div id="parent">
<p><a href="">ignore</a></p>
<p><a href="">START</a></p>
<p><a href="" id="end">FINISH</a></p>
<p><a href="" id="finish">ignore</a></p>
</div>

</body>
27 changes: 27 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-002.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - 'auto' value for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that the 'auto' value is implemented for 'nav-down'.">
<style type="text/css">
#start {
nav-down: #finish;
nav-down: auto;
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down once moves the focus to the "FINISH" link.</p>

<div id="parent">
<p><a href="">ignore</a></p>
<p><a href="" id="start">START</a></p>
<p><a href="" id="end">FINISH</a></p>
<p><a href="" id="finish">ignore</a></p>
</div>

</body>
37 changes: 37 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-003.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - ID value for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that the ID value is implemented for 'nav-down'.">
<style type="text/css">
#parent {
nav-down: #finish;
}

#intermediate {
nav-down: #end;
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>

<div id="parent">
<p><a href="">ignore</a></p>
<p><a href="">START</a></p>
<p><a href="" id="intermediate">ignore</a></p>
<p><a href="">ignore</a></p>
</div>

<div>
<p><a href="">ignore</a></p>
<p><a href="" id="end">FINISH</a></p>
<p><a href="">ignore</a></p>
<p><a href="">ignore</a></p>
</div>

</body>
41 changes: 41 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-004.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - input elements for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that 'nav-down' works for input elements.">
<style type="text/css">
#parent {
nav-down: #finish;
}

#intermediate {
nav-down: #end;
}

input {
display: block;
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" text field below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down twice moves the focus to the "FINISH" text field.</p>

<div id="parent">
<input value="ignore"/>
<input value="START"/>
<input value="ignore" id="intermediate"/>
<input value="ignore"/>
</div>

<div>
<input value="ignore"/>
<input value="FINISH" id="end"/>
<input value="ignore"/>
<input value="ignore"/>
</div>

</body>
48 changes: 48 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-005.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - elements floating in the writing direction for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that 'nav-down' works for elements floating to the left.">
<style type="text/css">
div > a {
float: left;
margin-left: 1em;
margin-right: 1em;
}

div {
clear: left;
}

#parent {
nav-down: #finish;
}

#intermediate {
nav-down: #end;
}

</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>

<div id="parent">
<a href="">ignore 1</a>
<a href="">START</a>
<a href="" id="end">FINISH</a>
<a href="">ignore 3</a>
</div>

<div>
<a href="">ignore 4</a>
<a href="" id="intermediate">ignore 2</a>
<a href="">ignore 5</a>
<a href="">ignore 6</a>
</div>

</body>
47 changes: 47 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-006.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - elements floating in opposite to the writing direction for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that 'nav-down' works for elements floating to the right.">
<style type="text/css">
div > a {
float: right;
margin-left: 1em;
margin-right: 1em;
}

div {
clear: right;
}

#parent {
nav-down: #finish;
}

#intermediate {
nav-down: #end;
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>

<div id="parent">
<a href="">ignore 1</a>
<a href="">ignore 2</a>
<a href="">START</a>
<a href="">ignore 3</a>
</div>

<div>
<a href="">ignore 4</a>
<a href="" id="end">FINISH</a>
<a href="" id="intermediate">ignore 5</a>
<a href="">ignore 6</a>
</div>

</body>
38 changes: 38 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-007.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - non existing ID for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that the 'nav-down' is ignored if the ID does not exist.">
<style type="text/css">
#parent {
nav-down: #error;
}

#intermediate {
nav-down: #foobar;
}

</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>

<div id="parent">
<p><a href="">START</a></p>
<p><a href="" id="intermediate">ignore</a></p>
<p><a href="" id="end">FINISH</a>
<p><a href="">ignore</a>
</div>

<div>
<p><a href="">ignore</a>
<p><a href="">ignore</a>
<p><a href="" id="error">ignore</a>
<p><a href="">ignore</a>
</div>

</body>
24 changes: 24 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-008.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - currently focused element for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that focus doesn't change when navigating to the currently focused element for 'nav-down'.">
<style>
#start {
nav-down: #start;
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if the "START" element remains focused when navigating down.</p>

<div>
<p><a href="">ignore</a></p>
<p><a href="" id="start">START</a></p>
<p><a href="">ignore</a></p>
</div>
</body>
25 changes: 25 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-009.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - 'current' target frame for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that the 'current' frame value is respected for 'nav-down'.">
<style>
#start {
nav-down: #finish current;
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating right once moves the focus to the "FINISH" link.</p>

<div>
<p><a href="" id="finish">FINISH</a></p>
<iframe src="support/nav-down-009-frame.html"></iframe>
<p><a href="" id="start">START</a></p>
</div>

</body>
19 changes: 19 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-010.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - 'root' target frame for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that the 'root' frame value is respected for 'nav-down'.">
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down once moves the focus to the "FINISH" link.</p>

<p><a href="" id="finish">FINISH</a></p>

<iframe src="support/nav-down-010-frame.html"></iframe>

<p><a href="">ignore</a></p>
</body>
28 changes: 28 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-011.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - named target frame for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="contributor" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that a named target frame value is respected for 'nav-down'.">
<style>
#start {
nav-down: #finish "frame";
}
</style>
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating down once moves the focus to the "FINISH" link.</p>

<p>
<a href="" id="start">START</a>
</p>
<p>
<a href="" id="finish">ignore</a>
</p>

<iframe src="support/nav-down-011-frame.html" name="frame"></iframe>
</body>
17 changes: 17 additions & 0 deletions contributors/samsung/submitted/css3-ui/nav-down-012.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<title>CSS Basic User Interface Test: Directional Focus Navigation - non-existing target frame for 'nav-down'</title>
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
<meta name="flags" content="interact">
<meta name="assert" content="Test checks that a non-existing target frame value is treated as 'current' for 'nav-down'.">
<body>
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
In the SmartTV emulator, use the keypad in the GUI. -->
<p>Test passes if navigating up once moves the focus to the "FINISH" link.</p>

<p><a href="" id="finish">ignore</a></p>

<iframe src="support/nav-down-012-frame.html"></iframe>
</body>
Loading