Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Break applab eyes tests into multiple files #20581

Merged
merged 2 commits into from
Feb 13, 2018
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
149 changes: 1 addition & 148 deletions dashboard/test/ui/features/applab/eyes.feature
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
@eyes
@dashboard_db_access
@as_student
Feature: App Lab Eyes
Feature: App Lab Eyes - Part 1
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we call this file eyes1 so that we can find it by grepping for applab_eyes1 (rather than applab_eyes which is more ambiguous)?


Scenario: Button shows up on top of canvas
When I open my eyes to test "applab eyes"
Expand Down Expand Up @@ -76,60 +76,6 @@ Scenario: Text area with multiple lines, radio button, checkbox
Then I delete the current design mode element
And I close my eyes

Scenario: Applab visualization scaling
When I open my eyes to test "Applab visualization scaling"
And I am on "http://studio.code.org/projects/applab/new"
And I rotate to landscape
And I wait for the page to fully load
And I switch to design mode

Then I drag a TEXT_AREA into the app
And I press keys "Here is a bunch of text" for element "#design-properties textarea"
And I set input "xpos" to "100"
And I set input "ypos" to "100"

Then I switch to code mode
And I press "show-code-header"
And I add code for a canvas and a button
And I press "runButton"
And I see no difference for "medium scaling"

Then I drag the visualization grippy by 100 pixels
And I see no difference for "large scaling"

Then I drag the visualization grippy by -400 pixels
And I see no difference for "small scaling"

Then I close my eyes

Scenario: Applab embedded level
When I open my eyes to test "Applab embedded level"
And I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/12"
And I rotate to landscape
And I see no difference for "embedded level"
Then I close my eyes

Scenario: Applab Instructions in Top Pane
When I open my eyes to test "Applab Instructions in top pane"
And I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/9"
And I wait for the page to fully load
And I see no difference for "top instructions enabled on standard level"
Then I click selector ".fa-chevron-circle-up"
And I see no difference for "top instructions collapsed"
Then I click selector ".fa-chevron-circle-down"
And I see no difference for "top instructions uncollapsed"
Then I click selector "#hide-toolbox-icon"
And I see no difference for "toolbox collapsed"

When I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/10"
And I wait for the page to fully load
And I see no difference for "top instructions enabled on instructionless level"

When I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/12"
And I wait for the page to fully load
And I see no difference for "top instructions enabled on embed level"
Then I close my eyes

Scenario: Applab Instructions Resize
When I open my eyes to test "Applab instructions resize"
And I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/9"
Expand All @@ -142,96 +88,3 @@ Scenario: Applab Instructions Resize
Then I drag the visualization grippy by -200 pixels
And I see no difference for "small visualization"
Then I close my eyes

Scenario: Applab debugging
Given I start a new Applab project
When I open my eyes to test "Applab debugging"
And I press "show-code-header"
And I add code for a canvas and a button
And I click selector "#debug-area-header .fa-chevron-circle-up"
Then I press "stepInButton"
And I see no difference for "stepped in once"
Then I press "stepInButton"
And I see no difference for "stepped in twice"
Then I press "stepInButton"
And I see no difference for "stepped in thrice"
Then I press "show-code-header"
And I wait to see Droplet block mode
And I press "resetButton"
And I click droplet gutter line 1
And I see no difference for "droplet breakpoint"
Then I close my eyes

Scenario: Drag to delete
Given I start a new Applab project
And I switch to design mode
And I open my eyes to test "Drag to delete"

When I drag a BUTTON into the app
And I set groupable input "xpos" to "0"
And I set groupable input "ypos" to "0"
And I drag element "#design_button1" 50 horizontally and 50 vertically
Then I see no difference for "dragging in app doesn't delete button"

When I drag element "#design_button1" 250 horizontally and 100 vertically
Then I see no difference for "dragging slightly out of app leaves element partially out of bounds"

When I drag element "#design_button1" 100 horizontally and 100 vertically
And I wait until element "#design_button1" is gone
Then I see no difference for "dragging out of app deletes button"

And I close my eyes

Scenario: Data Browser
Given I open my eyes to test "Applab Data Browser"

When I start a new Applab project
Then I see no difference for "initial load"

When I switch to data mode
Then I see no difference for "data overview"

When I press keys "foo" for element "#dataOverview input"
And I click selector "#dataOverview button:contains(Add)"
And I wait until element "#dataTable" is visible
Then I see no difference for "data table"

When I press enter key
And I wait until element "th .test-tableNameDiv:contains(column1)" is visible
And I click selector "#addColumnButton"
And I press enter key
And I press keys "foo" for element "#addDataTableRow :nth-child(2) input"
And I press keys "bar" for element "#addDataTableRow :nth-child(3) input"
And element "#addDataTableRow button:contains(Add Row)" is visible
And I click selector "#addDataTableRow button:contains(Add Row)"
And I wait until element "button:contains(Edit)" is visible
Then I see no difference for "data table with one row of data"

When I click selector "#dataTable button:contains(Clear table)"
And I wait until element "#dataTable .modal-body" is visible
Then I see no difference for "clear table confirmation dialog"

When element ".modal-body button:contains(Cancel)" is visible
And I click selector ".modal-body button:contains(Cancel)"
And I click selector "#uitest-tableDebugLink"
Then I see no difference for "data table debug view"

And I click selector "#tableBackToOverview"
And I wait until element "#dataOverview" is visible
And element "#dataOverview a:contains(Key/value pairs)" is visible
And I click selector "#dataOverview a:contains(Key/value pairs)"
And I wait until element "#dataProperties" is visible
And element "tr:contains(Add pair)" is visible
Then I see no difference for "empty data properties"

When I press keys "foo" for element "#uitest-addKeyValuePairRow :nth-child(1) input"
And I press keys "bar" for element "#uitest-addKeyValuePairRow :nth-child(2) input"
And I click selector "button:contains(Add pair)"
And I wait until element "button:contains(Edit)" is visible
Then I see no difference for "data properties with one row"

When element "#uitest-propertiesDebugLink" is visible
And I click selector "#uitest-propertiesDebugLink"
Then I see no difference for "data properties debug view"

And I close my eyes
58 changes: 58 additions & 0 deletions dashboard/test/ui/features/applab/eyes2.feature
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
@eyes
@dashboard_db_access
@as_student
Feature: App Lab Eyes - Part 2

Scenario: Applab visualization scaling
When I open my eyes to test "Applab visualization scaling"
And I am on "http://studio.code.org/projects/applab/new"
And I rotate to landscape
And I wait for the page to fully load
And I switch to design mode

Then I drag a TEXT_AREA into the app
And I press keys "Here is a bunch of text" for element "#design-properties textarea"
And I set input "xpos" to "100"
And I set input "ypos" to "100"

Then I switch to code mode
And I press "show-code-header"
And I add code for a canvas and a button
And I press "runButton"
And I see no difference for "medium scaling"

Then I drag the visualization grippy by 100 pixels
And I see no difference for "large scaling"

Then I drag the visualization grippy by -400 pixels
And I see no difference for "small scaling"

Then I close my eyes

Scenario: Applab embedded level
When I open my eyes to test "Applab embedded level"
And I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/12"
And I rotate to landscape
And I see no difference for "embedded level"
Then I close my eyes

Scenario: Applab Instructions in Top Pane
When I open my eyes to test "Applab Instructions in top pane"
And I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/9"
And I wait for the page to fully load
And I see no difference for "top instructions enabled on standard level"
Then I click selector ".fa-chevron-circle-up"
And I see no difference for "top instructions collapsed"
Then I click selector ".fa-chevron-circle-down"
And I see no difference for "top instructions uncollapsed"
Then I click selector "#hide-toolbox-icon"
And I see no difference for "toolbox collapsed"

When I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/10"
And I wait for the page to fully load
And I see no difference for "top instructions enabled on instructionless level"

When I am on "http://studio.code.org/s/allthethings/stage/18/puzzle/12"
And I wait for the page to fully load
And I see no difference for "top instructions enabled on embed level"
Then I close my eyes
58 changes: 58 additions & 0 deletions dashboard/test/ui/features/applab/eyes3.feature
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
@eyes
@dashboard_db_access
@as_student
Feature: App Lab Eyes - Part 3

Scenario: Data Browser
Given I open my eyes to test "Applab Data Browser"

When I start a new Applab project
Then I see no difference for "initial load"

When I switch to data mode
Then I see no difference for "data overview"

When I press keys "foo" for element "#dataOverview input"
And I click selector "#dataOverview button:contains(Add)"
And I wait until element "#dataTable" is visible
Then I see no difference for "data table"

When I press enter key
And I wait until element "th .test-tableNameDiv:contains(column1)" is visible
And I click selector "#addColumnButton"
And I press enter key
And I press keys "foo" for element "#addDataTableRow :nth-child(2) input"
And I press keys "bar" for element "#addDataTableRow :nth-child(3) input"
And element "#addDataTableRow button:contains(Add Row)" is visible
And I click selector "#addDataTableRow button:contains(Add Row)"
And I wait until element "button:contains(Edit)" is visible
Then I see no difference for "data table with one row of data"

When I click selector "#dataTable button:contains(Clear table)"
And I wait until element "#dataTable .modal-body" is visible
Then I see no difference for "clear table confirmation dialog"

When element ".modal-body button:contains(Cancel)" is visible
And I click selector ".modal-body button:contains(Cancel)"
And I click selector "#uitest-tableDebugLink"
Then I see no difference for "data table debug view"

And I click selector "#tableBackToOverview"
And I wait until element "#dataOverview" is visible
And element "#dataOverview a:contains(Key/value pairs)" is visible
And I click selector "#dataOverview a:contains(Key/value pairs)"
And I wait until element "#dataProperties" is visible
And element "tr:contains(Add pair)" is visible
Then I see no difference for "empty data properties"

When I press keys "foo" for element "#uitest-addKeyValuePairRow :nth-child(1) input"
And I press keys "bar" for element "#uitest-addKeyValuePairRow :nth-child(2) input"
And I click selector "button:contains(Add pair)"
And I wait until element "button:contains(Edit)" is visible
Then I see no difference for "data properties with one row"

When element "#uitest-propertiesDebugLink" is visible
And I click selector "#uitest-propertiesDebugLink"
Then I see no difference for "data properties debug view"

And I close my eyes
43 changes: 43 additions & 0 deletions dashboard/test/ui/features/applab/eyes4.feature
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
@eyes
@dashboard_db_access
@as_student
Feature: App Lab Eyes - Part 4

Scenario: Applab debugging
Given I start a new Applab project
When I open my eyes to test "Applab debugging"
And I press "show-code-header"
And I add code for a canvas and a button
And I click selector "#debug-area-header .fa-chevron-circle-up"
Then I press "stepInButton"
And I see no difference for "stepped in once"
Then I press "stepInButton"
And I see no difference for "stepped in twice"
Then I press "stepInButton"
And I see no difference for "stepped in thrice"
Then I press "show-code-header"
And I wait to see Droplet block mode
And I press "resetButton"
And I click droplet gutter line 1
And I see no difference for "droplet breakpoint"
Then I close my eyes

Scenario: Drag to delete
Given I start a new Applab project
And I switch to design mode
And I open my eyes to test "Drag to delete"

When I drag a BUTTON into the app
And I set groupable input "xpos" to "0"
And I set groupable input "ypos" to "0"
And I drag element "#design_button1" 50 horizontally and 50 vertically
Then I see no difference for "dragging in app doesn't delete button"

When I drag element "#design_button1" 250 horizontally and 100 vertically
Then I see no difference for "dragging slightly out of app leaves element partially out of bounds"

When I drag element "#design_button1" 100 horizontally and 100 vertically
And I wait until element "#design_button1" is gone
Then I see no difference for "dragging out of app deletes button"

And I close my eyes