Report for specs.component.lists.contactlist.ContactListPaginationPublishSpec

created on Fri Nov 08 02:30:31 UTC 2019 by ?

1. Summary

Total Runs	Success Rate	Total time	Failures	Errors	Skipped
6	100.0%	1 minutes, 2.578 seconds	0	0	0

Total Runs

Success Rate

Total time

Failures

Errors

Skipped

100.0%

1 minutes, 2.578 seconds

2. Features

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

Result: PASS Time: 8.723 seconds

Given: >the page hierarchy is created as "Components" > "Lists" > "Contact List" > "Pagination"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#contactlist6"

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 Category Description and Action with Pagination in XS The component should be on the page

And Has two list items


  1

  assert $("${selector} ul.list > 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 Category 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 Category 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 Category 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 Category 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, Category, Description and Action with Pagination in SM PASS

Result: PASS Time: 8.855 seconds

Given: >the page hierarchy is created as "Components" > "Lists" > "Contact List" > "Pagination"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#contactlist6"

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 Category Description and Action with Pagination in SM The component should be on the page

And Has two list items


  1

  assert $("${selector} ul.list > 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 Category 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 Category 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 Category 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 Category 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, Category, Description and Action with Pagination in MD PASS

Result: PASS Time: 9.965 seconds

Given: >the page hierarchy is created as "Components" > "Lists" > "Contact List" > "Pagination"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#contactlist6"

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 Category Description and Action with Pagination in MD The component should be on the page

And Has two list items


  1

  assert $("${selector} ul.list > 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 Category 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 Category 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 Category 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 Category 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, Category, Description and Action with Pagination in LG PASS

Result: PASS Time: 10.336 seconds

Given: >the page hierarchy is created as "Components" > "Lists" > "Contact List" > "Pagination"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#contactlist6"

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 Category Description and Action with Pagination in LG The component should be on the page

And Has two list items


  1

  assert $("${selector} ul.list > 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 Category 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 Category 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 Category 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 Category 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, Category, Description and Action with Pagination in XLG PASS

Result: PASS Time: 11.149 seconds

Given: >the page hierarchy is created as "Components" > "Lists" > "Contact List" > "Pagination"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#contactlist6"

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 Category Description and Action with Pagination in XLG The component should be on the page

And Has two list items


  1

  assert $("${selector} ul.list > 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 Category 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 Category 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 Category 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 Category 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, Category, Description and Action with Pagination in XXLG PASS

Result: PASS Time: 12.040 seconds

Given: >the page hierarchy is created as "Components" > "Lists" > "Contact List" > "Pagination"
And >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#contactlist6"

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 Category Description and Action with Pagination in XXLG The component should be on the page

And Has two list items


  1

  assert $("${selector} ul.list > 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 Category 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 Category 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 Category 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 Category Description and Action with Pagination in XXLG The component should be on forth page

Where: Browser size width: 2560 and height: 1440