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

Commit 07c4999

Browse files
rhauckrhauck
committed
Merge pull request #372 from therealglazou/therealglazou/css3-ui-nav
[merge] Tests for nav-left/-right/-up/-down CSS 3 UI properties The CSS test repo has recently undergone a big reorganization. We're taking care of all of the open PRs created previously from the old directory structure, merging them in as unreviewed, moving them to the correct new locations, and marking them unreviewed in Shepherd. Full details of this are explained here: http://lists.w3.org/Archives/Public/public-css-testsuite/2014Jun/0023.html.
2 parents 3d8594a + fe20e90 commit 07c4999

84 files changed

Lines changed: 2121 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎contributors/samsung/submitted/css3-ui/nav-down-001.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - property inheritance for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that the 'nav-down' property value is not inherited for 'nav-left'.">
8+
<style type="text/css">
9+
#parent {
10+
nav-down: #finish;
11+
}
12+
</style>
13+
<body>
14+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
15+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
16+
In the SmartTV emulator, use the keypad in the GUI. -->
17+
<p>Test passes if navigating down once moves the focus to the "FINISH" link.</p>
18+
19+
<div id="parent">
20+
<p><a href="">ignore</a></p>
21+
<p><a href="">START</a></p>
22+
<p><a href="" id="end">FINISH</a></p>
23+
<p><a href="" id="finish">ignore</a></p>
24+
</div>
25+
26+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-002.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - 'auto' value for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that the 'auto' value is implemented for 'nav-down'.">
8+
<style type="text/css">
9+
#start {
10+
nav-down: #finish;
11+
nav-down: auto;
12+
}
13+
</style>
14+
<body>
15+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
16+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
17+
In the SmartTV emulator, use the keypad in the GUI. -->
18+
<p>Test passes if navigating down once moves the focus to the "FINISH" link.</p>
19+
20+
<div id="parent">
21+
<p><a href="">ignore</a></p>
22+
<p><a href="" id="start">START</a></p>
23+
<p><a href="" id="end">FINISH</a></p>
24+
<p><a href="" id="finish">ignore</a></p>
25+
</div>
26+
27+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-003.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - ID value for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that the ID value is implemented for 'nav-down'.">
8+
<style type="text/css">
9+
#parent {
10+
nav-down: #finish;
11+
}
12+
13+
#intermediate {
14+
nav-down: #end;
15+
}
16+
</style>
17+
<body>
18+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
19+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
20+
In the SmartTV emulator, use the keypad in the GUI. -->
21+
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>
22+
23+
<div id="parent">
24+
<p><a href="">ignore</a></p>
25+
<p><a href="">START</a></p>
26+
<p><a href="" id="intermediate">ignore</a></p>
27+
<p><a href="">ignore</a></p>
28+
</div>
29+
30+
<div>
31+
<p><a href="">ignore</a></p>
32+
<p><a href="" id="end">FINISH</a></p>
33+
<p><a href="">ignore</a></p>
34+
<p><a href="">ignore</a></p>
35+
</div>
36+
37+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-004.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - input elements for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that 'nav-down' works for input elements.">
8+
<style type="text/css">
9+
#parent {
10+
nav-down: #finish;
11+
}
12+
13+
#intermediate {
14+
nav-down: #end;
15+
}
16+
17+
input {
18+
display: block;
19+
}
20+
</style>
21+
<body>
22+
<p>First, use directional navigation to navigate the focus to the "START" text field below.</p>
23+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
24+
In the SmartTV emulator, use the keypad in the GUI. -->
25+
<p>Test passes if navigating down twice moves the focus to the "FINISH" text field.</p>
26+
27+
<div id="parent">
28+
<input value="ignore"/>
29+
<input value="START"/>
30+
<input value="ignore" id="intermediate"/>
31+
<input value="ignore"/>
32+
</div>
33+
34+
<div>
35+
<input value="ignore"/>
36+
<input value="FINISH" id="end"/>
37+
<input value="ignore"/>
38+
<input value="ignore"/>
39+
</div>
40+
41+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-005.html‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - elements floating in the writing direction for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that 'nav-down' works for elements floating to the left.">
8+
<style type="text/css">
9+
div > a {
10+
float: left;
11+
margin-left: 1em;
12+
margin-right: 1em;
13+
}
14+
15+
div {
16+
clear: left;
17+
}
18+
19+
#parent {
20+
nav-down: #finish;
21+
}
22+
23+
#intermediate {
24+
nav-down: #end;
25+
}
26+
27+
</style>
28+
<body>
29+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
30+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
31+
In the SmartTV emulator, use the keypad in the GUI. -->
32+
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>
33+
34+
<div id="parent">
35+
<a href="">ignore 1</a>
36+
<a href="">START</a>
37+
<a href="" id="end">FINISH</a>
38+
<a href="">ignore 3</a>
39+
</div>
40+
41+
<div>
42+
<a href="">ignore 4</a>
43+
<a href="" id="intermediate">ignore 2</a>
44+
<a href="">ignore 5</a>
45+
<a href="">ignore 6</a>
46+
</div>
47+
48+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-006.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - elements floating in opposite to the writing direction for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that 'nav-down' works for elements floating to the right.">
8+
<style type="text/css">
9+
div > a {
10+
float: right;
11+
margin-left: 1em;
12+
margin-right: 1em;
13+
}
14+
15+
div {
16+
clear: right;
17+
}
18+
19+
#parent {
20+
nav-down: #finish;
21+
}
22+
23+
#intermediate {
24+
nav-down: #end;
25+
}
26+
</style>
27+
<body>
28+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
29+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
30+
In the SmartTV emulator, use the keypad in the GUI. -->
31+
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>
32+
33+
<div id="parent">
34+
<a href="">ignore 1</a>
35+
<a href="">ignore 2</a>
36+
<a href="">START</a>
37+
<a href="">ignore 3</a>
38+
</div>
39+
40+
<div>
41+
<a href="">ignore 4</a>
42+
<a href="" id="end">FINISH</a>
43+
<a href="" id="intermediate">ignore 5</a>
44+
<a href="">ignore 6</a>
45+
</div>
46+
47+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-007.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - non existing ID for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that the 'nav-down' is ignored if the ID does not exist.">
8+
<style type="text/css">
9+
#parent {
10+
nav-down: #error;
11+
}
12+
13+
#intermediate {
14+
nav-down: #foobar;
15+
}
16+
17+
</style>
18+
<body>
19+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
20+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
21+
In the SmartTV emulator, use the keypad in the GUI. -->
22+
<p>Test passes if navigating down twice moves the focus to the "FINISH" link.</p>
23+
24+
<div id="parent">
25+
<p><a href="">START</a></p>
26+
<p><a href="" id="intermediate">ignore</a></p>
27+
<p><a href="" id="end">FINISH</a>
28+
<p><a href="">ignore</a>
29+
</div>
30+
31+
<div>
32+
<p><a href="">ignore</a>
33+
<p><a href="">ignore</a>
34+
<p><a href="" id="error">ignore</a>
35+
<p><a href="">ignore</a>
36+
</div>
37+
38+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-008.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - currently focused element for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that focus doesn't change when navigating to the currently focused element for 'nav-down'.">
8+
<style>
9+
#start {
10+
nav-down: #start;
11+
}
12+
</style>
13+
<body>
14+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
15+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
16+
In the SmartTV emulator, use the keypad in the GUI. -->
17+
<p>Test passes if the "START" element remains focused when navigating down.</p>
18+
19+
<div>
20+
<p><a href="">ignore</a></p>
21+
<p><a href="" id="start">START</a></p>
22+
<p><a href="">ignore</a></p>
23+
</div>
24+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-009.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - 'current' target frame for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that the 'current' frame value is respected for 'nav-down'.">
8+
<style>
9+
#start {
10+
nav-down: #finish current;
11+
}
12+
</style>
13+
<body>
14+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
15+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
16+
In the SmartTV emulator, use the keypad in the GUI. -->
17+
<p>Test passes if navigating right once moves the focus to the "FINISH" link.</p>
18+
19+
<div>
20+
<p><a href="" id="finish">FINISH</a></p>
21+
<iframe src="support/nav-down-009-frame.html"></iframe>
22+
<p><a href="" id="start">START</a></p>
23+
</div>
24+
25+
</body>

‎contributors/samsung/submitted/css3-ui/nav-down-010.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<title>CSS Basic User Interface Test: Directional Focus Navigation - 'root' target frame for 'nav-down'</title>
3+
<link rel="author" title="Jorrit Vermeiren" href="mailto:jorritv@opera.com">
4+
<link rel="author" title="Daniel Glazman" href="mailto:d.glazman@partner.samsung.com">
5+
<link rel="help" href="http://www.w3.org/TR/css3-ui/#nav-dir">
6+
<meta name="flags" content="interact">
7+
<meta name="assert" content="Test checks that the 'root' frame value is respected for 'nav-down'.">
8+
<body>
9+
<p>First, use directional navigation to navigate the focus to the "START" link below.</p>
10+
<!-- In Opera 12.16, directional navigation may be done using Shift+<arrow key>.
11+
In the SmartTV emulator, use the keypad in the GUI. -->
12+
<p>Test passes if navigating down once moves the focus to the "FINISH" link.</p>
13+
14+
<p><a href="" id="finish">FINISH</a></p>
15+
16+
<iframe src="support/nav-down-010-frame.html"></iframe>
17+
18+
<p><a href="">ignore</a></p>
19+
</body>

0 commit comments

Comments
 (0)