created on Fri Nov 08 02:43:55 UTC 2019 by ?

1. Summary

Total Runs Success Rate Total time Failures Errors Skipped

6

100.0%

49.241 seconds

0

0

0

2. Features

2.1. Functionality of Component with Card with Image Title Description and Action with Pagination in XS PASS

Result: PASS Time: 7.014 seconds

  • Given: >the page hierarchy is created as "Components" > "Lists" > "News List" > "Pagination"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
def selector = "#newslist2"
  • When I am on the component showcase page

1
2
setWindowSize(viewport)
waitForAuthorPreviewPage()
  • Then The component should be on the page

1
2
def component = waitForComponent(selector)
takeScreenshot($(selector).firstElement(), "The component should be on the page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XS The component should be on the page

  • And Has two list items

1
assert $("${selector} li").size() == 2
  • And Only next link exists on first page, without previous link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert $("${selector} .pagination .next").isDisplayed()
assert !$("${selector} .pagination .previous").isDisplayed()
  • And Has pagination details

1
2
assert $("${selector} .pagination .current").text().trim() == "1"
takeScreenshot($(selector).firstElement(), "The component should be on first page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XS The component should be on first page

  • And Can select page 2

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on second page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XS The component should be on second page

  • And Can select page 3

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "3"
takeScreenshot($(selector).firstElement(), "The component should be on third page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XS The component should be on third page

  • And Only previous link exists on last page, without next link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert !$("${selector} .pagination .next").isDisplayed()
assert $("${selector} .pagination .previous").isDisplayed()
  • And Can select previous page

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .previous a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on forth page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XS The component should be on forth page

  • Where: Browser size width: 320 and height: 480

2.2. Functionality of Component with Card with Image Title Description and Action with Pagination in SM PASS

Result: PASS Time: 6.860 seconds

  • Given: >the page hierarchy is created as "Components" > "Lists" > "News List" > "Pagination"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
def selector = "#newslist2"
  • When I am on the component showcase page

1
2
setWindowSize(viewport)
waitForAuthorPreviewPage()
  • Then The component should be on the page

1
2
def component = waitForComponent(selector)
takeScreenshot($(selector).firstElement(), "The component should be on the page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in SM The component should be on the page

  • And Has two list items

1
assert $("${selector} li").size() == 2
  • And Only next link exists on first page, without previous link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert $("${selector} .pagination .next").isDisplayed()
assert !$("${selector} .pagination .previous").isDisplayed()
  • And Has pagination details

1
2
assert $("${selector} .pagination .current").text().trim() == "1"
takeScreenshot($(selector).firstElement(), "The component should be on first page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in SM The component should be on first page

  • And Can select page 2

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on second page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in SM The component should be on second page

  • And Can select page 3

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "3"
takeScreenshot($(selector).firstElement(), "The component should be on third page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in SM The component should be on third page

  • And Only previous link exists on last page, without next link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert !$("${selector} .pagination .next").isDisplayed()
assert $("${selector} .pagination .previous").isDisplayed()
  • And Can select previous page

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .previous a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on forth page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in SM The component should be on forth page

  • Where: Browser size width: 640 and height: 480

2.3. Functionality of Component with Card with Image Title Description and Action with Pagination in MD PASS

Result: PASS Time: 7.544 seconds

  • Given: >the page hierarchy is created as "Components" > "Lists" > "News List" > "Pagination"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
def selector = "#newslist2"
  • When I am on the component showcase page

1
2
setWindowSize(viewport)
waitForAuthorPreviewPage()
  • Then The component should be on the page

1
2
def component = waitForComponent(selector)
takeScreenshot($(selector).firstElement(), "The component should be on the page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in MD The component should be on the page

  • And Has two list items

1
assert $("${selector} li").size() == 2
  • And Only next link exists on first page, without previous link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert $("${selector} .pagination .next").isDisplayed()
assert !$("${selector} .pagination .previous").isDisplayed()
  • And Has pagination details

1
2
assert $("${selector} .pagination .current").text().trim() == "1"
takeScreenshot($(selector).firstElement(), "The component should be on first page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in MD The component should be on first page

  • And Can select page 2

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on second page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in MD The component should be on second page

  • And Can select page 3

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "3"
takeScreenshot($(selector).firstElement(), "The component should be on third page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in MD The component should be on third page

  • And Only previous link exists on last page, without next link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert !$("${selector} .pagination .next").isDisplayed()
assert $("${selector} .pagination .previous").isDisplayed()
  • And Can select previous page

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .previous a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on forth page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in MD The component should be on forth page

  • Where: Browser size width: 1024 and height: 768

2.4. Functionality of Component with Card with Image Title Description and Action with Pagination in LG PASS

Result: PASS Time: 7.953 seconds

  • Given: >the page hierarchy is created as "Components" > "Lists" > "News List" > "Pagination"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
def selector = "#newslist2"
  • When I am on the component showcase page

1
2
setWindowSize(viewport)
waitForAuthorPreviewPage()
  • Then The component should be on the page

1
2
def component = waitForComponent(selector)
takeScreenshot($(selector).firstElement(), "The component should be on the page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in LG The component should be on the page

  • And Has two list items

1
assert $("${selector} li").size() == 2
  • And Only next link exists on first page, without previous link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert $("${selector} .pagination .next").isDisplayed()
assert !$("${selector} .pagination .previous").isDisplayed()
  • And Has pagination details

1
2
assert $("${selector} .pagination .current").text().trim() == "1"
takeScreenshot($(selector).firstElement(), "The component should be on first page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in LG The component should be on first page

  • And Can select page 2

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on second page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in LG The component should be on second page

  • And Can select page 3

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "3"
takeScreenshot($(selector).firstElement(), "The component should be on third page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in LG The component should be on third page

  • And Only previous link exists on last page, without next link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert !$("${selector} .pagination .next").isDisplayed()
assert $("${selector} .pagination .previous").isDisplayed()
  • And Can select previous page

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .previous a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on forth page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in LG The component should be on forth page

  • Where: Browser size width: 1366 and height: 1024

2.5. Functionality of Component with Card with Image Title Description and Action with Pagination in XLG PASS

Result: PASS Time: 8.737 seconds

  • Given: >the page hierarchy is created as "Components" > "Lists" > "News List" > "Pagination"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
def selector = "#newslist2"
  • When I am on the component showcase page

1
2
setWindowSize(viewport)
waitForAuthorPreviewPage()
  • Then The component should be on the page

1
2
def component = waitForComponent(selector)
takeScreenshot($(selector).firstElement(), "The component should be on the page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XLG The component should be on the page

  • And Has two list items

1
assert $("${selector} li").size() == 2
  • And Only next link exists on first page, without previous link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert $("${selector} .pagination .next").isDisplayed()
assert !$("${selector} .pagination .previous").isDisplayed()
  • And Has pagination details

1
2
assert $("${selector} .pagination .current").text().trim() == "1"
takeScreenshot($(selector).firstElement(), "The component should be on first page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XLG The component should be on first page

  • And Can select page 2

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on second page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XLG The component should be on second page

  • And Can select page 3

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "3"
takeScreenshot($(selector).firstElement(), "The component should be on third page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XLG The component should be on third page

  • And Only previous link exists on last page, without next link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert !$("${selector} .pagination .next").isDisplayed()
assert $("${selector} .pagination .previous").isDisplayed()
  • And Can select previous page

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .previous a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on forth page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XLG The component should be on forth page

  • Where: Browser size width: 1920 and height: 1280

2.6. Functionality of Component with Card with Image Title Description and Action with Pagination in XXLG PASS

Result: PASS Time: 9.701 seconds

  • Given: >the page hierarchy is created as "Components" > "Lists" > "News List" > "Pagination"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
def selector = "#newslist2"
  • When I am on the component showcase page

1
2
setWindowSize(viewport)
waitForAuthorPreviewPage()
  • Then The component should be on the page

1
2
def component = waitForComponent(selector)
takeScreenshot($(selector).firstElement(), "The component should be on the page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XXLG The component should be on the page

  • And Has two list items

1
assert $("${selector} li").size() == 2
  • And Only next link exists on first page, without previous link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert $("${selector} .pagination .next").isDisplayed()
assert !$("${selector} .pagination .previous").isDisplayed()
  • And Has pagination details

1
2
assert $("${selector} .pagination .current").text().trim() == "1"
takeScreenshot($(selector).firstElement(), "The component should be on first page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XXLG The component should be on first page

  • And Can select page 2

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on second page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XXLG The component should be on second page

  • And Can select page 3

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .next a").click()
assert $("${selector} .pagination .current").text().trim() == "3"
takeScreenshot($(selector).firstElement(), "The component should be on third page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XXLG The component should be on third page

  • And Only previous link exists on last page, without next link

1
2
3
scrollIntoView($("${selector} .pagination").firstElement())
assert !$("${selector} .pagination .next").isDisplayed()
assert $("${selector} .pagination .previous").isDisplayed()
  • And Can select previous page

1
2
3
4
scrollIntoView($("${selector} .pagination").firstElement())
$("${selector} .pagination .previous a").click()
assert $("${selector} .pagination .current").text().trim() == "2"
takeScreenshot($(selector).firstElement(), "The component should be on forth page")
Current

Functionality of Component with Card with Image Title Description and Action with Pagination in XXLG The component should be on forth page

  • Where: Browser size width: 2560 and height: 1440