From b9e7cef9653ea803262915a1ed64722d355f99cc Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Sun, 13 Nov 2016 02:12:58 +1100 Subject: [PATCH] Update visual tests. --- js/tests/visual/alert.html | 77 ++++--- js/tests/visual/button.html | 112 +++++----- js/tests/visual/carousel.html | 96 ++++----- js/tests/visual/collapse.html | 112 +++++----- js/tests/visual/dropdown.html | 149 +++++-------- js/tests/visual/modal.html | 381 +++++++++++++++++---------------- js/tests/visual/popover.html | 85 ++++---- js/tests/visual/scrollspy.html | 165 +++++++------- js/tests/visual/tab.html | 299 +++++++++++++------------- js/tests/visual/tooltip.html | 74 ++++--- 10 files changed, 760 insertions(+), 790 deletions(-) diff --git a/js/tests/visual/alert.html b/js/tests/visual/alert.html index 1b60dae230c7..4b003efd8d6f 100644 --- a/js/tests/visual/alert.html +++ b/js/tests/visual/alert.html @@ -1,39 +1,52 @@ - - - - - Alert - - - + + + + + + Alert + + +
+

Alert Bootstrap Visual Test

-
+ -

Alert Bootstrap Visual Test

+ -
- - Holy guacamole! Best check yo self, you're not looking too good. -
+ +
-
- -

Oh snap! You got an error!

-

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

-

- - -

-
- -
- - - - - - - + + + + diff --git a/js/tests/visual/button.html b/js/tests/visual/button.html index 570c9adddebb..e2364d78161b 100644 --- a/js/tests/visual/button.html +++ b/js/tests/visual/button.html @@ -1,66 +1,52 @@ - - - - - Button - - - - -
- -

Button Bootstrap Visual Test

- - - -

For checkboxes and radio buttons, ensure that keyboard behavior is functioning correctly.

-

Navigate to the checkboxes with the keyboard (generally, using TAB / SHIFT + TAB), and ensure that SPACE toggles the currently focused checkbox. Click on one of the checkboxes using the mouse, ensure that focus was correctly set on the actual checkbox, and that SPACE toggles the checkbox again.

- -
- - - -
- -

Navigate to the radio button group with the keyboard (generally, using TAB / SHIFT + TAB). If no radio button was initially set to be selected, the first/last radio button should receive focus (depending on whether you navigated "forward" to the group with TAB or "backwards" using SHIFT + TAB). If a radio button was already selected, navigating with the keyboard should set focus to that particular radio button. Only one radio button in a group should receive focus at any given time. Ensure that the selected radio button can be changed by using the ← and → arrow keys. Click on one of the radio buttons with the mouse, ensure that focus was correctly set on the actual radio button, and that ← and → change the selected radio button again.

- -
- - - -
- -
- - - - - - - - - + + + + + + Button + + +
+

Button Bootstrap Visual Test

+ + + +

For checkboxes and radio buttons, ensure that keyboard behavior is functioning correctly.

+

Navigate to the checkboxes with the keyboard (generally, using TAB / SHIFT + TAB), and ensure that SPACE toggles the currently focused checkbox. Click on one of the checkboxes using the mouse, ensure that focus was correctly set on the actual checkbox, and that SPACE toggles the checkbox again.

+ +
+ + + +
+ +

Navigate to the radio button group with the keyboard (generally, using TAB / SHIFT + TAB). If no radio button was initially set to be selected, the first/last radio button should receive focus (depending on whether you navigated "forward" to the group with TAB or "backwards" using SHIFT + TAB). If a radio button was already selected, navigating with the keyboard should set focus to that particular radio button. Only one radio button in a group should receive focus at any given time. Ensure that the selected radio button can be changed by using the ← and → arrow keys. Click on one of the radio buttons with the mouse, ensure that focus was correctly set on the actual radio button, and that ← and → change the selected radio button again.

+ +
+ + + +
+
+ + + + + diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html index 859ff75047de..2017f338b296 100644 --- a/js/tests/visual/carousel.html +++ b/js/tests/visual/carousel.html @@ -1,57 +1,57 @@ - - - - - Carousel - - - + + + + + + Carousel + + +
+

Carousel Bootstrap Visual Test

-
+

Also, the carousel shouldn't slide when its window/tab is hidden. Check the console log.

-

Carousel Bootstrap Visual Test

-

Also, the carousel shouldn't slide when its window/tab is hidden. Check the console log.

- - - - - - + + + - + + diff --git a/js/tests/visual/collapse.html b/js/tests/visual/collapse.html index 513a8037cc98..e13597984adc 100644 --- a/js/tests/visual/collapse.html +++ b/js/tests/visual/collapse.html @@ -1,69 +1,65 @@ - - - - - Collapse - - - + + + + + + Collapse + + +
+

Collapse Bootstrap Visual Test

-
- -

Collapse Bootstrap Visual Test

+
+
+ -
-
-
-
- - Collapsible Group Item #1 - -
-
-
-
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
-
-
-
-
-
- - Collapsible Group Item #2 - -
-
-
-
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
+
+ -
-
-
-
-
- - Collapsible Group Item #3 - -
-
-
-
- Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
+
+
+
+ +
+
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
+
+
-
- -
- - - - - - + + + + diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html index 7dce87bd1b8f..4bea32c14fcf 100644 --- a/js/tests/visual/dropdown.html +++ b/js/tests/visual/dropdown.html @@ -1,107 +1,66 @@ - - - - - Dropdown - - - + + + + + + Dropdown + + +
+

Dropdown Bootstrap Visual Test

-
+ -

Dropdown Bootstrap Visual Test

- - - - - -
- - - - - - - + + + + + diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html index 5d7ee0fc0464..fa5bd368aa16 100644 --- a/js/tests/visual/modal.html +++ b/js/tests/visual/modal.html @@ -1,201 +1,206 @@ - - - - - Modal - - - - - - - -
- -

Modal Bootstrap Visual Test

- -