Report for specs.component.layout.columns.ColumnsPublishSpec

created on Fri Nov 08 01:05:27 UTC 2019 by ?

1. Summary

Total Runs	Success Rate	Total time	Failures	Errors	Skipped
48	100.0%	1 minutes, 45.864 seconds	0	0	0

Total Runs

Success Rate

Total time

Failures

Errors

Skipped

100.0%

1 minutes, 45.864 seconds

2. Features

2.1. Functionality of Component Variant: Default using 1 Column Layout in XS PASS

Result: PASS Time: 1.951 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl1"
def selectorContainer = "#contentblock1 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 1 column


  1
2

  $("${selector} .row .col-sm").size() == 1
takeScreenshot($(selector).firstElement(), "Should have 1 column")

Current

Functionality of Component Variant Default using 1 Column Layout in XS Should have 1 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

Where:

2.2. Functionality of Component Variant: Default using 1 Column Layout in SM PASS

Result: PASS Time: 1.864 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl1"
def selectorContainer = "#contentblock1 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 1 column


  1
2

  $("${selector} .row .col-sm").size() == 1
takeScreenshot($(selector).firstElement(), "Should have 1 column")

Current

Functionality of Component Variant Default using 1 Column Layout in SM Should have 1 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

Where:

2.3. Functionality of Component Variant: Default using 1 Column Layout in MD PASS

Result: PASS Time: 2.006 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl1"
def selectorContainer = "#contentblock1 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 1 column


  1
2

  $("${selector} .row .col-sm").size() == 1
takeScreenshot($(selector).firstElement(), "Should have 1 column")

Current

Functionality of Component Variant Default using 1 Column Layout in MD Should have 1 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

Where:

2.4. Functionality of Component Variant: Default using 1 Column Layout in LG PASS

Result: PASS Time: 2.103 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl1"
def selectorContainer = "#contentblock1 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 1 column


  1
2

  $("${selector} .row .col-sm").size() == 1
takeScreenshot($(selector).firstElement(), "Should have 1 column")

Current

Functionality of Component Variant Default using 1 Column Layout in LG Should have 1 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

Where:

2.5. Functionality of Component Variant: Default using 1 Column Layout in XLG PASS

Result: PASS Time: 2.461 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl1"
def selectorContainer = "#contentblock1 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 1 column


  1
2

  $("${selector} .row .col-sm").size() == 1
takeScreenshot($(selector).firstElement(), "Should have 1 column")

Current

Functionality of Component Variant Default using 1 Column Layout in XLG Should have 1 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

Where:

2.6. Functionality of Component Variant: Default using 1 Column Layout in XXLG PASS

Result: PASS Time: 2.577 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl1"
def selectorContainer = "#contentblock1 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 1 column


  1
2

  $("${selector} .row .col-sm").size() == 1
takeScreenshot($(selector).firstElement(), "Should have 1 column")

Current

Functionality of Component Variant Default using 1 Column Layout in XXLG Should have 1 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

Where:

2.7. Functionality of Component Variant: Default using 2 Column Layout in XS PASS

Result: PASS Time: 1.953 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl2"
def selectorContainer = "#contentblock2 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 column


  1
2

  $("${selector} .row .col-sm").size() == 2
takeScreenshot($(selector).firstElement(), "Should have 2 column")

Current

Functionality of Component Variant Default using 2 Column Layout in XS Should have 2 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

Where:

2.8. Functionality of Component Variant: Default using 2 Column Layout in SM PASS

Result: PASS Time: 1.916 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl2"
def selectorContainer = "#contentblock2 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 column


  1
2

  $("${selector} .row .col-sm").size() == 2
takeScreenshot($(selector).firstElement(), "Should have 2 column")

Current

Functionality of Component Variant Default using 2 Column Layout in SM Should have 2 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

Where:

2.9. Functionality of Component Variant: Default using 2 Column Layout in MD PASS

Result: PASS Time: 2.037 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl2"
def selectorContainer = "#contentblock2 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 column


  1
2

  $("${selector} .row .col-sm").size() == 2
takeScreenshot($(selector).firstElement(), "Should have 2 column")

Current

Functionality of Component Variant Default using 2 Column Layout in MD Should have 2 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

Where:

2.10. Functionality of Component Variant: Default using 2 Column Layout in LG PASS

Result: PASS Time: 2.148 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl2"
def selectorContainer = "#contentblock2 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 column


  1
2

  $("${selector} .row .col-sm").size() == 2
takeScreenshot($(selector).firstElement(), "Should have 2 column")

Current

Functionality of Component Variant Default using 2 Column Layout in LG Should have 2 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

Where:

2.11. Functionality of Component Variant: Default using 2 Column Layout in XLG PASS

Result: PASS Time: 2.322 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl2"
def selectorContainer = "#contentblock2 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 column


  1
2

  $("${selector} .row .col-sm").size() == 2
takeScreenshot($(selector).firstElement(), "Should have 2 column")

Current

Functionality of Component Variant Default using 2 Column Layout in XLG Should have 2 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

Where:

2.12. Functionality of Component Variant: Default using 2 Column Layout in XXLG PASS

Result: PASS Time: 2.618 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl2"
def selectorContainer = "#contentblock2 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 column


  1
2

  $("${selector} .row .col-sm").size() == 2
takeScreenshot($(selector).firstElement(), "Should have 2 column")

Current

Functionality of Component Variant Default using 2 Column Layout in XXLG Should have 2 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

Where:

2.13. Functionality of Component Variant: Default using 3 Column Layout in XS PASS

Result: PASS Time: 1.898 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl3"
def selectorContainer = "#contentblock3 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 3 column


  1
2

  $("${selector} .row .col-sm").size() == 3
takeScreenshot($(selector).firstElement(), "Should have 3 column")

Current

Functionality of Component Variant Default using 3 Column Layout in XS Should have 3 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

Where:

2.14. Functionality of Component Variant: Default using 3 Column Layout in SM PASS

Result: PASS Time: 1.998 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl3"
def selectorContainer = "#contentblock3 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 3 column


  1
2

  $("${selector} .row .col-sm").size() == 3
takeScreenshot($(selector).firstElement(), "Should have 3 column")

Current

Functionality of Component Variant Default using 3 Column Layout in SM Should have 3 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

Where:

2.15. Functionality of Component Variant: Default using 3 Column Layout in MD PASS

Result: PASS Time: 2.109 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl3"
def selectorContainer = "#contentblock3 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 3 column


  1
2

  $("${selector} .row .col-sm").size() == 3
takeScreenshot($(selector).firstElement(), "Should have 3 column")

Current

Functionality of Component Variant Default using 3 Column Layout in MD Should have 3 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

Where:

2.16. Functionality of Component Variant: Default using 3 Column Layout in LG PASS

Result: PASS Time: 2.152 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl3"
def selectorContainer = "#contentblock3 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 3 column


  1
2

  $("${selector} .row .col-sm").size() == 3
takeScreenshot($(selector).firstElement(), "Should have 3 column")

Current

Functionality of Component Variant Default using 3 Column Layout in LG Should have 3 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

Where:

2.17. Functionality of Component Variant: Default using 3 Column Layout in XLG PASS

Result: PASS Time: 2.384 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl3"
def selectorContainer = "#contentblock3 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 3 column


  1
2

  $("${selector} .row .col-sm").size() == 3
takeScreenshot($(selector).firstElement(), "Should have 3 column")

Current

Functionality of Component Variant Default using 3 Column Layout in XLG Should have 3 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

Where:

2.18. Functionality of Component Variant: Default using 3 Column Layout in XXLG PASS

Result: PASS Time: 2.612 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl3"
def selectorContainer = "#contentblock3 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 3 column


  1
2

  $("${selector} .row .col-sm").size() == 3
takeScreenshot($(selector).firstElement(), "Should have 3 column")

Current

Functionality of Component Variant Default using 3 Column Layout in XXLG Should have 3 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

Where:

2.19. Functionality of Component Variant: Default using 4 Column Layout in XS PASS

Result: PASS Time: 1.959 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl4"
def selectorContainer = "#contentblock4 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 4 column


  1
2

  $("${selector} .row .col-sm").size() == 4
takeScreenshot($(selector).firstElement(), "Should have 4 column")

Current

Functionality of Component Variant Default using 4 Column Layout in XS Should have 4 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

Where:

2.20. Functionality of Component Variant: Default using 4 Column Layout in SM PASS

Result: PASS Time: 2.034 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl4"
def selectorContainer = "#contentblock4 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 4 column


  1
2

  $("${selector} .row .col-sm").size() == 4
takeScreenshot($(selector).firstElement(), "Should have 4 column")

Current

Functionality of Component Variant Default using 4 Column Layout in SM Should have 4 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

Where:

2.21. Functionality of Component Variant: Default using 4 Column Layout in MD PASS

Result: PASS Time: 2.182 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl4"
def selectorContainer = "#contentblock4 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 4 column


  1
2

  $("${selector} .row .col-sm").size() == 4
takeScreenshot($(selector).firstElement(), "Should have 4 column")

Current

Functionality of Component Variant Default using 4 Column Layout in MD Should have 4 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

Where:

2.22. Functionality of Component Variant: Default using 4 Column Layout in LG PASS

Result: PASS Time: 2.193 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl4"
def selectorContainer = "#contentblock4 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 4 column


  1
2

  $("${selector} .row .col-sm").size() == 4
takeScreenshot($(selector).firstElement(), "Should have 4 column")

Current

Functionality of Component Variant Default using 4 Column Layout in LG Should have 4 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

Where:

2.23. Functionality of Component Variant: Default using 4 Column Layout in XLG PASS

Result: PASS Time: 2.390 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl4"
def selectorContainer = "#contentblock4 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 4 column


  1
2

  $("${selector} .row .col-sm").size() == 4
takeScreenshot($(selector).firstElement(), "Should have 4 column")

Current

Functionality of Component Variant Default using 4 Column Layout in XLG Should have 4 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

Where:

2.24. Functionality of Component Variant: Default using 4 Column Layout in XXLG PASS

Result: PASS Time: 2.611 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl4"
def selectorContainer = "#contentblock4 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 4 column


  1
2

  $("${selector} .row .col-sm").size() == 4
takeScreenshot($(selector).firstElement(), "Should have 4 column")

Current

Functionality of Component Variant Default using 4 Column Layout in XXLG Should have 4 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

Where:

2.25. Functionality of Component Variant: Default using 5 Column Layout in XS PASS

Result: PASS Time: 2.004 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl5"
def selectorContainer = "#contentblock5 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default using 5 Column Layout in XS Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

Where:

2.26. Functionality of Component Variant: Default using 5 Column Layout in SM PASS

Result: PASS Time: 2.019 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl5"
def selectorContainer = "#contentblock5 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default using 5 Column Layout in SM Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

Where:

2.27. Functionality of Component Variant: Default using 5 Column Layout in MD PASS

Result: PASS Time: 2.160 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl5"
def selectorContainer = "#contentblock5 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default using 5 Column Layout in MD Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

Where:

2.28. Functionality of Component Variant: Default using 5 Column Layout in LG PASS

Result: PASS Time: 2.250 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl5"
def selectorContainer = "#contentblock5 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default using 5 Column Layout in LG Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

Where:

2.29. Functionality of Component Variant: Default using 5 Column Layout in XLG PASS

Result: PASS Time: 2.455 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl5"
def selectorContainer = "#contentblock5 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default using 5 Column Layout in XLG Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

Where:

2.30. Functionality of Component Variant: Default using 5 Column Layout in XXLG PASS

Result: PASS Time: 2.663 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl5"
def selectorContainer = "#contentblock5 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default using 5 Column Layout in XXLG Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

Where:

2.31. Functionality of Component Variant: Default using 6 Column Layout in XS PASS

Result: PASS Time: 2.050 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl6"
def selectorContainer = "#contentblock6 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 6 column


  1
2

  $("${selector} .row .col-sm").size() == 6
takeScreenshot($(selector).firstElement(), "Should have 6 column")

Current

Functionality of Component Variant Default using 6 Column Layout in XS Should have 6 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 6 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(5).text().trim() == "Column 6"

Where:

2.32. Functionality of Component Variant: Default using 6 Column Layout in SM PASS

Result: PASS Time: 2.295 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl6"
def selectorContainer = "#contentblock6 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 6 column


  1
2

  $("${selector} .row .col-sm").size() == 6
takeScreenshot($(selector).firstElement(), "Should have 6 column")

Current

Functionality of Component Variant Default using 6 Column Layout in SM Should have 6 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 6 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(5).text().trim() == "Column 6"

Where:

2.33. Functionality of Component Variant: Default using 6 Column Layout in MD PASS

Result: PASS Time: 2.180 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl6"
def selectorContainer = "#contentblock6 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 6 column


  1
2

  $("${selector} .row .col-sm").size() == 6
takeScreenshot($(selector).firstElement(), "Should have 6 column")

Current

Functionality of Component Variant Default using 6 Column Layout in MD Should have 6 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 6 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(5).text().trim() == "Column 6"

Where:

2.34. Functionality of Component Variant: Default using 6 Column Layout in LG PASS

Result: PASS Time: 2.211 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl6"
def selectorContainer = "#contentblock6 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 6 column


  1
2

  $("${selector} .row .col-sm").size() == 6
takeScreenshot($(selector).firstElement(), "Should have 6 column")

Current

Functionality of Component Variant Default using 6 Column Layout in LG Should have 6 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 6 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(5).text().trim() == "Column 6"

Where:

2.35. Functionality of Component Variant: Default using 6 Column Layout in XLG PASS

Result: PASS Time: 2.517 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl6"
def selectorContainer = "#contentblock6 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 6 column


  1
2

  $("${selector} .row .col-sm").size() == 6
takeScreenshot($(selector).firstElement(), "Should have 6 column")

Current

Functionality of Component Variant Default using 6 Column Layout in XLG Should have 6 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 6 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(5).text().trim() == "Column 6"

Where:

2.36. Functionality of Component Variant: Default using 6 Column Layout in XXLG PASS

Result: PASS Time: 2.727 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl6"
def selectorContainer = "#contentblock6 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 6 column


  1
2

  $("${selector} .row .col-sm").size() == 6
takeScreenshot($(selector).firstElement(), "Should have 6 column")

Current

Functionality of Component Variant Default using 6 Column Layout in XXLG Should have 6 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 6 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(5).text().trim() == "Column 6"

Where:

2.37. Functionality of Component Variant: Default with 5 Column Layout Varied Width in XS PASS

Result: PASS Time: 2.149 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl7"
def selectorContainer = "#contentblock7 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default with 5 Column Layout Varied Width in XS Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 1 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(0).attr("class").contains("col-md-2")

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 2 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(1).attr("class").contains("col-md-3")

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 3 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(2).attr("class").contains("col-md-2")

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 4 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(3).attr("class").contains("col-md-3")

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 5 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(4).attr("class").contains("col-md-2")

Where:

2.38. Functionality of Component Variant: Default with 5 Column Layout Varied Width in SM PASS

Result: PASS Time: 2.196 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl7"
def selectorContainer = "#contentblock7 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default with 5 Column Layout Varied Width in SM Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 1 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(0).attr("class").contains("col-md-2")

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 2 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(1).attr("class").contains("col-md-3")

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 3 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(2).attr("class").contains("col-md-2")

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 4 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(3).attr("class").contains("col-md-3")

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 5 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(4).attr("class").contains("col-md-2")

Where:

2.39. Functionality of Component Variant: Default with 5 Column Layout Varied Width in MD PASS

Result: PASS Time: 2.218 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl7"
def selectorContainer = "#contentblock7 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default with 5 Column Layout Varied Width in MD Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 1 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(0).attr("class").contains("col-md-2")

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 2 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(1).attr("class").contains("col-md-3")

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 3 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(2).attr("class").contains("col-md-2")

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 4 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(3).attr("class").contains("col-md-3")

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 5 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(4).attr("class").contains("col-md-2")

Where:

2.40. Functionality of Component Variant: Default with 5 Column Layout Varied Width in LG PASS

Result: PASS Time: 2.343 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl7"
def selectorContainer = "#contentblock7 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default with 5 Column Layout Varied Width in LG Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 1 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(0).attr("class").contains("col-md-2")

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 2 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(1).attr("class").contains("col-md-3")

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 3 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(2).attr("class").contains("col-md-2")

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 4 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(3).attr("class").contains("col-md-3")

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 5 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(4).attr("class").contains("col-md-2")

Where:

2.41. Functionality of Component Variant: Default with 5 Column Layout Varied Width in XLG PASS

Result: PASS Time: 2.563 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl7"
def selectorContainer = "#contentblock7 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default with 5 Column Layout Varied Width in XLG Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 1 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(0).attr("class").contains("col-md-2")

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 2 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(1).attr("class").contains("col-md-3")

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 3 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(2).attr("class").contains("col-md-2")

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 4 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(3).attr("class").contains("col-md-3")

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 5 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(4).attr("class").contains("col-md-2")

Where:

2.42. Functionality of Component Variant: Default with 5 Column Layout Varied Width in XXLG PASS

Result: PASS Time: 2.885 seconds

Given: >the page hierarchy is created as "Components" > "Content" > "Columns"
And >I am in the component showcase page
And >the component is on the showcase page


  1
2

  def selector = "#colctrl7"
def selectorContainer = "#contentblock7 .contents"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 5 column


  1
2

  $("${selector} .row .col-sm").size() == 5
takeScreenshot($(selector).firstElement(), "Should have 5 column")

Current

Functionality of Component Variant Default with 5 Column Layout Varied Width in XXLG Should have 5 column

And Column 1 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(0).text().trim() == "Column 1"

And Column 1 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(0).attr("class").contains("col-md-2")

And Column 2 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(1).text().trim() == "Column 2"

And Column 2 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(1).attr("class").contains("col-md-3")

And Column 3 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(2).text().trim() == "Column 3"

And Column 3 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(2).attr("class").contains("col-md-2")

And Column 4 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(3).text().trim() == "Column 4"

And Column 4 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(3).attr("class").contains("col-md-3")

And Column 5 should have sample content


  1

  $("${selector} .row .col-sm [component].text").getAt(4).text().trim() == "Column 5"

And Column 5 should have custom width


  1

  assert $("${selector} .row .col-sm").getAt(4).attr("class").contains("col-md-2")

Where:

2.43. Functionality of ColCtrl with 2 Column Multi Breakpoints MD and LG (3,9 and 9,3) in XS PASS

Result: PASS Time: 1.582 seconds

Given: >the page hierarchy is created as "Components" > "Layout" > "Content Block > ColCtrl"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl9"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 columns


  1

  assert $(selector + " .parsys_column .col-sm").size() == 2

And First item should match the structure and contain classes col-md-3 col-lg-9


  1

  assert $(selector + " .parsys_column .col-sm").getAt(0).attr("class").contains("col-md-3 col-lg-9")

And Second item should match the structure and contain classes col-md-9 col-lg-3


  1

  assert $(selector + " .parsys_column .col-sm").getAt(1).attr("class").contains("col-md-9 col-lg-3")

Where:

2.44. Functionality of ColCtrl with 2 Column Multi Breakpoints MD and LG (3,9 and 9,3) in SM PASS

Result: PASS Time: 1.509 seconds

Given: >the page hierarchy is created as "Components" > "Layout" > "Content Block > ColCtrl"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl9"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 columns


  1

  assert $(selector + " .parsys_column .col-sm").size() == 2

And First item should match the structure and contain classes col-md-3 col-lg-9


  1

  assert $(selector + " .parsys_column .col-sm").getAt(0).attr("class").contains("col-md-3 col-lg-9")

And Second item should match the structure and contain classes col-md-9 col-lg-3


  1

  assert $(selector + " .parsys_column .col-sm").getAt(1).attr("class").contains("col-md-9 col-lg-3")

Where:

2.45. Functionality of ColCtrl with 2 Column Multi Breakpoints MD and LG (3,9 and 9,3) in MD PASS

Result: PASS Time: 1.599 seconds

Given: >the page hierarchy is created as "Components" > "Layout" > "Content Block > ColCtrl"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl9"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 columns


  1

  assert $(selector + " .parsys_column .col-sm").size() == 2

And First item should match the structure and contain classes col-md-3 col-lg-9


  1

  assert $(selector + " .parsys_column .col-sm").getAt(0).attr("class").contains("col-md-3 col-lg-9")

And Second item should match the structure and contain classes col-md-9 col-lg-3


  1

  assert $(selector + " .parsys_column .col-sm").getAt(1).attr("class").contains("col-md-9 col-lg-3")

Where:

2.46. Functionality of ColCtrl with 2 Column Multi Breakpoints MD and LG (3,9 and 9,3) in LG PASS

Result: PASS Time: 1.571 seconds

Given: >the page hierarchy is created as "Components" > "Layout" > "Content Block > ColCtrl"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl9"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 columns


  1

  assert $(selector + " .parsys_column .col-sm").size() == 2

And First item should match the structure and contain classes col-md-3 col-lg-9


  1

  assert $(selector + " .parsys_column .col-sm").getAt(0).attr("class").contains("col-md-3 col-lg-9")

And Second item should match the structure and contain classes col-md-9 col-lg-3


  1

  assert $(selector + " .parsys_column .col-sm").getAt(1).attr("class").contains("col-md-9 col-lg-3")

Where:

2.47. Functionality of ColCtrl with 2 Column Multi Breakpoints MD and LG (3,9 and 9,3) in XLG PASS

Result: PASS Time: 1.704 seconds

Given: >the page hierarchy is created as "Components" > "Layout" > "Content Block > ColCtrl"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl9"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 columns


  1

  assert $(selector + " .parsys_column .col-sm").size() == 2

And First item should match the structure and contain classes col-md-3 col-lg-9


  1

  assert $(selector + " .parsys_column .col-sm").getAt(0).attr("class").contains("col-md-3 col-lg-9")

And Second item should match the structure and contain classes col-md-9 col-lg-3


  1

  assert $(selector + " .parsys_column .col-sm").getAt(1).attr("class").contains("col-md-9 col-lg-3")

Where:

2.48. Functionality of ColCtrl with 2 Column Multi Breakpoints MD and LG (3,9 and 9,3) in XXLG PASS

Result: PASS Time: 1.852 seconds

Given: >the page hierarchy is created as "Components" > "Layout" > "Content Block > ColCtrl"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl9"

When I am on the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should be on the page


  1

  def component = waitForComponent(selector)

And Should have 2 columns


  1

  assert $(selector + " .parsys_column .col-sm").size() == 2

And First item should match the structure and contain classes col-md-3 col-lg-9


  1

  assert $(selector + " .parsys_column .col-sm").getAt(0).attr("class").contains("col-md-3 col-lg-9")

And Second item should match the structure and contain classes col-md-9 col-lg-3


  1

  assert $(selector + " .parsys_column .col-sm").getAt(1).attr("class").contains("col-md-9 col-lg-3")

Where: