forked from moodle/moodle
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
MDL-75982 tiny_accessibilitychecker: tests for accessibility checker
- Loading branch information
1 parent
e82229e
commit 63f9ec9
Showing
1 changed file
with
45 additions
and
0 deletions.
There are no files selected for viewing
45 changes: 45 additions & 0 deletions
45
lib/editor/tiny/plugins/accessibilitychecker/tests/behat/accessibilitychecker.feature
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| @editor @editor_tiny | ||
| Feature: Tiny editor accessibility checker | ||
| To write accessible content in Tiny, I need to check for accessibility warnings. | ||
|
|
||
| @javascript | ||
| Scenario Outline: Perform basic accessibility validations | ||
| Given I log in as "admin" | ||
| And I open my profile in edit mode | ||
| And I set the field "Description" to "<content>" | ||
| When I click on the "Tools > Accessibility checker" menu item for the "Description" TinyMCE editor | ||
| Then I should see "<result>" in the "Accessibility checker" "dialogue" | ||
|
|
||
| Examples: | ||
| | result | content | | ||
| | The colours of the foreground and background text do not have enough contrast. | <p style='color: #7c7cff; background-color: #ffffff;'>Hard to read</p> | | ||
| | There is a lot of text with no headings. | <p>Sweet roll oat cake jelly-o macaroon donut oat cake. Caramels macaroon cookie sweet roll croissant cheesecake candy jelly-o. Gummies sugar plum sugar plum gingerbread dessert. Tiramisu bonbon jujubes danish marshmallow cookie chocolate cake cupcake tiramisu. Bear claw oat cake chocolate bar croissant. Lollipop cookie topping liquorice croissant. Brownie cookie cupcake lollipop cupcake cupcake. Fruitcake dessert sweet biscuit dragée caramels marzipan brownie. Chupa chups gingerbread apple pie cookie liquorice caramels carrot cake cookie gingerbread. Croissant candy jelly beans. Tiramisu apple pie dessert apple pie macaroon soufflé. Brownie powder carrot cake chocolate. Tart applicake croissant dragée macaroon chocolate donut.</p><p>Jelly beans gingerbread tootsie roll. Sugar plum tiramisu cotton candy toffee pie cotton candy tiramisu. Carrot cake chocolate bar sesame snaps cupcake cake dessert sweet fruitcake wafer. Marshmallow cupcake gingerbread pie sweet candy canes powder gummi bears. Jujubes cake muffin marshmallow candy jelly beans tootsie roll pie. Gummi bears applicake chocolate cake sweet jelly sesame snaps lollipop lollipop carrot cake. Marshmallow cake jelly beans. Jelly beans sesame snaps muffin halvah cookie ice cream candy canes carrot cake. Halvah donut marshmallow tiramisu. Cookie dessert gummi bears. Sugar plum apple pie jelly beans gummi bears tart chupa chups. Liquorice macaroon gummi bears gummies macaroon marshmallow sweet roll cake topping. Lemon drops caramels pie icing danish. Chocolate cake oat cake dessert halvah danish carrot cake apple pie.</p> | | ||
| | Tables should not contain merged cells. | <table><caption>Dogs that look good in pants</caption><tr><th>Breed</th><th>Coolness</th></tr><tr><td>Poodle</td><td rowspan='2'>NOT COOL</td></tr><tr><td>Doberman</td></tr></table> | | ||
| | Tables should use row and/or column headers. | <table><caption>Dogs that look good in pants</caption><tr><th>Breed</th><td>Coolness</td></tr><tr><td>Poodle</td><td>NOT COOL</td></tr><tr><td>Doberman</td><td>COOL</td></tr></table> | | ||
| | Tables should have captions. | <table><tr><th>Breed</th><th>Coolness</th></tr><tr><td>Poodle</td><td>NOT COOL</td></tr><tr><td>Doberman</td><td>COOL</td></tr></table> | | ||
|
|
||
| @javascript | ||
| Scenario: Perform accessibility validation on images with no alt attribute | ||
| Given I log in as "admin" | ||
| And I open my profile in edit mode | ||
| And I set the field "Description" to "<p>Some plain text</p><img src='/broken-image' width='1' height='1'/><p>Some more text</p>" | ||
| And I click on the "Tools > Accessibility checker" menu item for the "Description" TinyMCE editor | ||
| And I should see "Images require alternative text." in the "Accessibility checker" "dialogue" | ||
| And I click on "View" "link" in the "Accessibility checker" "dialogue" | ||
| And I click on the "Image" button for the "Description" TinyMCE editor | ||
| And the field "Enter URL" matches value "/broken-image" | ||
| And I set the field "Describe this image for someone who cannot see it" to "No more warning!" | ||
| And I press "Save image" | ||
| And I click on the "Tools > Accessibility checker" menu item for the "Description" TinyMCE editor | ||
| And I should see "Congratulations, no accessibility issues found!" in the "Accessibility checker" "dialogue" | ||
| And I click on "Close" "button" in the "Accessibility checker" "dialogue" | ||
| And I select the "img" element in position "2" of the "Description" TinyMCE editor | ||
| And I click on the "Image" button for the "Description" TinyMCE editor | ||
| And I set the field "Enter URL" to "/decorative-image.png" | ||
| And I set the field "Describe this image for someone who cannot see it" to "" | ||
| And I set the field "Width" to "1" | ||
| And I set the field "Height" to "1" | ||
| And I click on "This image is decorative only" "checkbox" | ||
| When I press "Save image" | ||
| And I click on the "Tools > Accessibility checker" menu item for the "Description" TinyMCE editor | ||
| Then I should see "Congratulations, no accessibility issues found!" in the "Accessibility checker" "dialogue" |