Report for specs.component.layout.columns.ColumnsPublishSpec

created on Wed Sep 15 01:24:31 UTC 2021 by root

1. Summary

Total Runs	Success Rate	Total time	Failures	Errors	Skipped
8	100.0%	15.581 seconds	0	0	0

Total Runs

Success Rate

Total time

Failures

Errors

Skipped

100.0%

15.581 seconds

2. Features

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

Result: PASS Time: 1.800 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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.2. Functionality of Component Variant: Default using 2 Column Layout in LG PASS

Result: PASS Time: 1.817 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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.3. Functionality of Component Variant: Default using 3 Column Layout in LG PASS

Result: PASS Time: 1.935 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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.4. Functionality of Component Variant: Default using 4 Column Layout in LG PASS

Result: PASS Time: 1.966 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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.5. Functionality of Component Variant: Default using 5 Column Layout in LG PASS

Result: PASS Time: 1.997 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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.6. Functionality of Component Variant: Default using 6 Column Layout in LG PASS

Result: PASS Time: 1.949 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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.7. Functionality of Component Variant: Default with 5 Column Layout Varied Width in LG PASS

Result: PASS Time: 1.959 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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.8. Functionality of ColCtrl with 2 Column Multi Breakpoints MD and LG (3,9 and 9,3) in LG PASS

Result: PASS Time: 1.418 seconds

URL: http://author:8080/content/aemdesign-showcase/au/en/component/layout/columns.html?wcmmode=disabled

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: