Ryan Wyllie
d26d0d9b7e
Cleaned up the language strings on the Atto table settings page and reduced the number of settings options for border styling.
405 lines
18 KiB
Gherkin
405 lines
18 KiB
Gherkin
@editor @editor_atto @atto @atto_table @_bug_phantomjs
|
|
Feature: Atto tables
|
|
To format text in Atto, I need to create tables
|
|
|
|
@javascript
|
|
Scenario: Create a table
|
|
Given I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "Table test"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
When I click on "Table" "button"
|
|
And I set the field "Caption" to "Dinner"
|
|
And I press "Create table"
|
|
And I press "Save changes"
|
|
Then ".blog_entry table caption" "css_element" should be visible
|
|
|
|
@javascript
|
|
Scenario: Edit a table
|
|
Given I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "<table><tr><td>Cell</td></tr></table>"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "Table" "button"
|
|
And I click on "Edit table" "link"
|
|
And I set the field "Caption" to "Dinner"
|
|
And I press "Update table"
|
|
And I press "Save changes"
|
|
Then ".blog_entry table caption" "css_element" should be visible
|
|
|
|
@javascript
|
|
Scenario: Check table setting defaults on new table
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "Table test"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
When I click on "Table" "button"
|
|
Then the ".moodle-dialogue-base .atto_form .borderstyle" "css_element" should be disabled
|
|
And the ".moodle-dialogue-base .atto_form .bordersize" "css_element" should be disabled
|
|
And the "borderColour" "radio" should be disabled
|
|
And the field "borders" matches value "default"
|
|
And the field "Theme default" matches value "1"
|
|
And the field "Table width (in %)" matches value ""
|
|
|
|
@javascript
|
|
Scenario: Edit a table restores settings
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "<table><tr><td>Cell</td></tr></table>"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "Table" "button"
|
|
And I click on "Edit table" "link"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I set the field "Style of borders" to "Dashed"
|
|
And I set the field "Size of borders" to "2"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .bordercolour" "css_element"
|
|
And I press "Update table"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Table" "button"
|
|
When I click on "Edit table" "link"
|
|
# Check that the background colour is set correctly.
|
|
Then the field with xpath "//label/input[@name='backgroundColour' and @value='#FFFFFF']" matches value "1"
|
|
And the field "Table width (in %)" matches value "100"
|
|
And the field "Borders" matches value "Around table"
|
|
And the field "Style of borders" matches value "dashed"
|
|
And the field "Size of borders" matches value "2"
|
|
# Check that the border colour is set correctly.
|
|
And the field with xpath "//label/input[@name='borderColour' and @value='#FFFFFF']" matches value "1"
|
|
|
|
@javascript
|
|
Scenario: Create a table with background colour and width with border settings off
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 0 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "Table test"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
When I click on "Table" "button"
|
|
Then ".moodle-dialogue-base .atto_form .borders" "css_element" should not exist
|
|
Then ".moodle-dialogue-base .atto_form .borderstyle" "css_element" should not exist
|
|
Then ".moodle-dialogue-base .atto_form .bordersize" "css_element" should not exist
|
|
Then ".moodle-dialogue-base .atto_form .bordercolour" "css_element" should not exist
|
|
Then ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element" should exist
|
|
Then ".moodle-dialogue-base .atto_form .customwidth" "css_element" should exist
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I press "Create table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
|
|
@javascript
|
|
Scenario: Edit a table with background colour and width with border settings off
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 0 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "<table><tr><td>Cell</td></tr></table>"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "Table" "button"
|
|
When I click on "Edit table" "link"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I press "Update table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
|
|
@javascript
|
|
Scenario: Create a table with background colour and width with borders on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "Table test"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
When I click on "Table" "button"
|
|
Then ".moodle-dialogue-base .atto_form .borders" "css_element" should exist
|
|
Then ".moodle-dialogue-base .atto_form .borderstyle" "css_element" should exist
|
|
Then ".moodle-dialogue-base .atto_form .bordersize" "css_element" should exist
|
|
Then ".moodle-dialogue-base .atto_form .bordercolour" "css_element" should exist
|
|
Then ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element" should exist
|
|
Then ".moodle-dialogue-base .atto_form .customwidth" "css_element" should exist
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I press "Create table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
|
|
@javascript
|
|
Scenario: Edit a table with background colour and width with borders on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "<table><tr><td>Cell</td></tr></table>"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "Table" "button"
|
|
When I click on "Edit table" "link"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around each cell"
|
|
And I press "Update table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
|
|
@javascript
|
|
Scenario: Create a table with background colour and width with borders and border styling on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "Table test"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
When I click on "Table" "button"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I set the field "Style of borders" to "Dashed"
|
|
And I press "Create table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
And I should see "border-style:dashed;"
|
|
|
|
@javascript
|
|
Scenario: Edit a table with background colour and width with borders and border styling on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "<table><tr><td>Cell</td></tr></table>"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "Table" "button"
|
|
When I click on "Edit table" "link"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I set the field "Style of borders" to "Dashed"
|
|
And I press "Update table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
And I should see "border-style:dashed;"
|
|
|
|
@javascript
|
|
Scenario: Create a table with background colour and width with borders, border styling, and border size on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "Table test"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
When I click on "Table" "button"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I set the field "Style of borders" to "Dashed"
|
|
And I set the field "Size of borders" to "2"
|
|
And I press "Create table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
And I should see "border-style:dashed;"
|
|
And I should see "border-width:2px;"
|
|
|
|
@javascript
|
|
Scenario: Edit a table with background colour and width with borders, border styling, and border size on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "<table><tr><td>Cell</td></tr></table>"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "Table" "button"
|
|
When I click on "Edit table" "link"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I set the field "Style of borders" to "Dashed"
|
|
And I set the field "Size of borders" to "2"
|
|
And I press "Update table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
And I should see "border-style:dashed;"
|
|
And I should see "border-width:2px;"
|
|
|
|
@javascript
|
|
Scenario: Create a table with all settings on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "Table test"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
When I click on "Table" "button"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I set the field "Style of borders" to "Dashed"
|
|
And I set the field "Size of borders" to "2"
|
|
And I click on "#FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .bordercolour" "css_element"
|
|
And I press "Create table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
And I should see "dashed"
|
|
And I should see "2px"
|
|
And I should see "rgb(255,255,255)"
|
|
|
|
@javascript
|
|
Scenario: Edit a table with background colour and width with borders, border styling, and border size on
|
|
Given the following config values are set as admin:
|
|
| config | value | plugin |
|
|
| allowborders | 1 | atto_table |
|
|
| allowbackgroundcolour | 1 | atto_table |
|
|
| allowwidth | 1 | atto_table |
|
|
And I log in as "admin"
|
|
And I follow "Profile" in the user menu
|
|
And I follow "Blog entries"
|
|
And I follow "Add a new entry"
|
|
And I set the field "Entry title" to "How to make a table"
|
|
And I set the field "Blog entry body" to "<table><tr><td>Cell</td></tr></table>"
|
|
And I select the text in the "Blog entry body" Atto editor
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "Table" "button"
|
|
When I click on "Edit table" "link"
|
|
And I click on "FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .backgroundcolour" "css_element"
|
|
And I set the field "Table width (in %)" to "100"
|
|
And I set the field "Borders" to "Around table"
|
|
And I set the field "Style of borders" to "Dashed"
|
|
And I set the field "Size of borders" to "2"
|
|
And I click on "FFFFFF" "radio" in the ".moodle-dialogue-base .atto_form .bordercolour" "css_element"
|
|
And I press "Update table"
|
|
And I press "Save changes"
|
|
And I follow "Edit"
|
|
And I click on "Show more buttons" "button"
|
|
And I click on "HTML" "button"
|
|
Then I should see "background-color:rgb(255,255,255);"
|
|
And I should see "width:100%;"
|
|
And I should see "dashed"
|
|
And I should see "2px"
|
|
And I should see "rgb(255,255,255)"
|