Report for specs.component.layout.columns.ColumnsScreenshotSpec

created on Fri Nov 08 01:03:41 UTC 2019 by ?

1. Summary

Total Runs	Success Rate	Total time	Failures	Errors	Skipped
42	100.0%	2 minutes, 7.738 seconds	0	0	0

Total Runs

Success Rate

Total time

Failures

Errors

Skipped

100.0%

2 minutes, 7.738 seconds

2. Features

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

Result: PASS Time: 2.744 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl1"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 320 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl1 XS 0

Current

colctrl colctrl1 XS 0

Diff

colctrl colctrl1 XS 0.diff

Where: Browser size width: 320 and height: 480

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

Result: PASS Time: 2.562 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl1"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 640 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl1 SM 0

Current

colctrl colctrl1 SM 0

Diff

colctrl colctrl1 SM 0.diff

Where: Browser size width: 640 and height: 480

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

Result: PASS Time: 2.691 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl1"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1024 and height: 768 reference image.


  1

  designRef(selector)

Source

colctrl colctrl1 MD 0

Current

colctrl colctrl1 MD 0

Diff

colctrl colctrl1 MD 0.diff

Where: Browser size width: 1024 and height: 768

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

Result: PASS Time: 2.815 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl1"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1366 and height: 1024 reference image.


  1

  designRef(selector)

Source

colctrl colctrl1 LG 0

Current

colctrl colctrl1 LG 0

Diff

colctrl colctrl1 LG 0.diff

Where: Browser size width: 1366 and height: 1024

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

Result: PASS Time: 3.282 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl1"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1920 and height: 1280 reference image.


  1

  designRef(selector)

Source

colctrl colctrl1 XLG 0

Current

colctrl colctrl1 XLG 0

Diff

colctrl colctrl1 XLG 0.diff

Where: Browser size width: 1920 and height: 1280

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

Result: PASS Time: 3.764 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl1"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 2560 and height: 1440 reference image.


  1

  designRef(selector)

Source

colctrl colctrl1 XXLG 0

Current

colctrl colctrl1 XXLG 0

Diff

colctrl colctrl1 XXLG 0.diff

Where: Browser size width: 2560 and height: 1440

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

Result: PASS Time: 2.333 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl2"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 320 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl2 XS 0

Current

colctrl colctrl2 XS 0

Diff

colctrl colctrl2 XS 0.diff

Where: Browser size width: 320 and height: 480

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

Result: PASS Time: 2.444 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl2"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 640 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl2 SM 0

Current

colctrl colctrl2 SM 0

Diff

colctrl colctrl2 SM 0.diff

Where: Browser size width: 640 and height: 480

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

Result: PASS Time: 2.807 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl2"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1024 and height: 768 reference image.


  1

  designRef(selector)

Source

colctrl colctrl2 MD 0

Current

colctrl colctrl2 MD 0

Diff

colctrl colctrl2 MD 0.diff

Where: Browser size width: 1024 and height: 768

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

Result: PASS Time: 2.870 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl2"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1366 and height: 1024 reference image.


  1

  designRef(selector)

Source

colctrl colctrl2 LG 0

Current

colctrl colctrl2 LG 0

Diff

colctrl colctrl2 LG 0.diff

Where: Browser size width: 1366 and height: 1024

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

Result: PASS Time: 3.406 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl2"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1920 and height: 1280 reference image.


  1

  designRef(selector)

Source

colctrl colctrl2 XLG 0

Current

colctrl colctrl2 XLG 0

Diff

colctrl colctrl2 XLG 0.diff

Where: Browser size width: 1920 and height: 1280

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

Result: PASS Time: 3.925 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl2"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 2560 and height: 1440 reference image.


  1

  designRef(selector)

Source

colctrl colctrl2 XXLG 0

Current

colctrl colctrl2 XXLG 0

Diff

colctrl colctrl2 XXLG 0.diff

Where: Browser size width: 2560 and height: 1440

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

Result: PASS Time: 2.392 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl3"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 320 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl3 XS 0

Current

colctrl colctrl3 XS 0

Diff

colctrl colctrl3 XS 0.diff

Where: Browser size width: 320 and height: 480

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

Result: PASS Time: 2.462 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl3"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 640 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl3 SM 0

Current

colctrl colctrl3 SM 0

Diff

colctrl colctrl3 SM 0.diff

Where: Browser size width: 640 and height: 480

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

Result: PASS Time: 2.688 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl3"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1024 and height: 768 reference image.


  1

  designRef(selector)

Source

colctrl colctrl3 MD 0

Current

colctrl colctrl3 MD 0

Diff

colctrl colctrl3 MD 0.diff

Where: Browser size width: 1024 and height: 768

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

Result: PASS Time: 2.854 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl3"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1366 and height: 1024 reference image.


  1

  designRef(selector)

Source

colctrl colctrl3 LG 0

Current

colctrl colctrl3 LG 0

Diff

colctrl colctrl3 LG 0.diff

Where: Browser size width: 1366 and height: 1024

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

Result: PASS Time: 3.396 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl3"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1920 and height: 1280 reference image.


  1

  designRef(selector)

Source

colctrl colctrl3 XLG 0

Current

colctrl colctrl3 XLG 0

Diff

colctrl colctrl3 XLG 0.diff

Where: Browser size width: 1920 and height: 1280

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

Result: PASS Time: 3.911 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl3"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 2560 and height: 1440 reference image.


  1

  designRef(selector)

Source

colctrl colctrl3 XXLG 0

Current

colctrl colctrl3 XXLG 0

Diff

colctrl colctrl3 XXLG 0.diff

Where: Browser size width: 2560 and height: 1440

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

Result: PASS Time: 2.383 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl4"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 320 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl4 XS 0

Current

colctrl colctrl4 XS 0

Diff

colctrl colctrl4 XS 0.diff

Where: Browser size width: 320 and height: 480

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

Result: PASS Time: 2.412 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl4"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 640 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl4 SM 0

Current

colctrl colctrl4 SM 0

Diff

colctrl colctrl4 SM 0.diff

Where: Browser size width: 640 and height: 480

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

Result: PASS Time: 2.648 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl4"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1024 and height: 768 reference image.


  1

  designRef(selector)

Source

colctrl colctrl4 MD 0

Current

colctrl colctrl4 MD 0

Diff

colctrl colctrl4 MD 0.diff

Where: Browser size width: 1024 and height: 768

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

Result: PASS Time: 2.908 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl4"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1366 and height: 1024 reference image.


  1

  designRef(selector)

Source

colctrl colctrl4 LG 0

Current

colctrl colctrl4 LG 0

Diff

colctrl colctrl4 LG 0.diff

Where: Browser size width: 1366 and height: 1024

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

Result: PASS Time: 3.396 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl4"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1920 and height: 1280 reference image.


  1

  designRef(selector)

Source

colctrl colctrl4 XLG 0

Current

colctrl colctrl4 XLG 0

Diff

colctrl colctrl4 XLG 0.diff

Where: Browser size width: 1920 and height: 1280

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

Result: PASS Time: 4.068 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl4"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 2560 and height: 1440 reference image.


  1

  designRef(selector)

Source

colctrl colctrl4 XXLG 0

Current

colctrl colctrl4 XXLG 0

Diff

colctrl colctrl4 XXLG 0.diff

Where: Browser size width: 2560 and height: 1440

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

Result: PASS Time: 2.413 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl5"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 320 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl5 XS 0

Current

colctrl colctrl5 XS 0

Diff

colctrl colctrl5 XS 0.diff

Where: Browser size width: 320 and height: 480

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

Result: PASS Time: 2.613 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl5"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 640 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl5 SM 0

Current

colctrl colctrl5 SM 0

Diff

colctrl colctrl5 SM 0.diff

Where: Browser size width: 640 and height: 480

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

Result: PASS Time: 2.989 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl5"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1024 and height: 768 reference image.


  1

  designRef(selector)

Source

colctrl colctrl5 MD 0

Current

colctrl colctrl5 MD 0

Diff

colctrl colctrl5 MD 0.diff

Where: Browser size width: 1024 and height: 768

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

Result: PASS Time: 3.028 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl5"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1366 and height: 1024 reference image.


  1

  designRef(selector)

Source

colctrl colctrl5 LG 0

Current

colctrl colctrl5 LG 0

Diff

colctrl colctrl5 LG 0.diff

Where: Browser size width: 1366 and height: 1024

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

Result: PASS Time: 3.533 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl5"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1920 and height: 1280 reference image.


  1

  designRef(selector)

Source

colctrl colctrl5 XLG 0

Current

colctrl colctrl5 XLG 0

Diff

colctrl colctrl5 XLG 0.diff

Where: Browser size width: 1920 and height: 1280

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

Result: PASS Time: 3.958 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl5"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 2560 and height: 1440 reference image.


  1

  designRef(selector)

Source

colctrl colctrl5 XXLG 0

Current

colctrl colctrl5 XXLG 0

Diff

colctrl colctrl5 XXLG 0.diff

Where: Browser size width: 2560 and height: 1440

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

Result: PASS Time: 2.477 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl6"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 320 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl6 XS 0

Current

colctrl colctrl6 XS 0

Diff

colctrl colctrl6 XS 0.diff

Where: Browser size width: 320 and height: 480

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

Result: PASS Time: 2.492 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl6"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 640 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl6 SM 0

Current

colctrl colctrl6 SM 0

Diff

colctrl colctrl6 SM 0.diff

Where: Browser size width: 640 and height: 480

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

Result: PASS Time: 2.721 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl6"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1024 and height: 768 reference image.


  1

  designRef(selector)

Source

colctrl colctrl6 MD 0

Current

colctrl colctrl6 MD 0

Diff

colctrl colctrl6 MD 0.diff

Where: Browser size width: 1024 and height: 768

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

Result: PASS Time: 3.118 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl6"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1366 and height: 1024 reference image.


  1

  designRef(selector)

Source

colctrl colctrl6 LG 0

Current

colctrl colctrl6 LG 0

Diff

colctrl colctrl6 LG 0.diff

Where: Browser size width: 1366 and height: 1024

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

Result: PASS Time: 3.481 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl6"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1920 and height: 1280 reference image.


  1

  designRef(selector)

Source

colctrl colctrl6 XLG 0

Current

colctrl colctrl6 XLG 0

Diff

colctrl colctrl6 XLG 0.diff

Where: Browser size width: 1920 and height: 1280

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

Result: PASS Time: 3.991 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl6"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 2560 and height: 1440 reference image.


  1

  designRef(selector)

Source

colctrl colctrl6 XXLG 0

Current

colctrl colctrl6 XXLG 0

Diff

colctrl colctrl6 XXLG 0.diff

Where: Browser size width: 2560 and height: 1440

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

Result: PASS Time: 2.404 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl7"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 320 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl7 XS 0

Current

colctrl colctrl7 XS 0

Diff

colctrl colctrl7 XS 0.diff

Where: Browser size width: 320 and height: 480

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

Result: PASS Time: 2.445 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl7"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 640 and height: 480 reference image.


  1

  designRef(selector)

Source

colctrl colctrl7 SM 0

Current

colctrl colctrl7 SM 0

Diff

colctrl colctrl7 SM 0.diff

Where: Browser size width: 640 and height: 480

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

Result: PASS Time: 2.776 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl7"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1024 and height: 768 reference image.


  1

  designRef(selector)

Source

colctrl colctrl7 MD 0

Current

colctrl colctrl7 MD 0

Diff

colctrl colctrl7 MD 0.diff

Where: Browser size width: 1024 and height: 768

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

Result: PASS Time: 3.078 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl7"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1366 and height: 1024 reference image.


  1

  designRef(selector)

Source

colctrl colctrl7 LG 0

Current

colctrl colctrl7 LG 0

Diff

colctrl colctrl7 LG 0.diff

Where: Browser size width: 1366 and height: 1024

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

Result: PASS Time: 3.513 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl7"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 1920 and height: 1280 reference image.


  1

  designRef(selector)

Source

colctrl colctrl7 XLG 0

Current

colctrl colctrl7 XLG 0

Diff

colctrl colctrl7 XLG 0.diff

Where: Browser size width: 1920 and height: 1280

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

Result: PASS Time: 3.972 seconds

Given: >I am in the component showcase page
And >the component is on the showcase page


  1

  def selector = "#colctrl7"

When I am in the component showcase page


  1
2

  setWindowSize(viewport)
waitForAuthorPreviewPage()

Then The component should appear on the page


  1

  def component = waitForComponent(selector)

Then It should match the 2560 and height: 1440 reference image.


  1

  designRef(selector)

Source

colctrl colctrl7 XXLG 0

Current

colctrl colctrl7 XXLG 0

Diff

colctrl colctrl7 XXLG 0.diff

Where: Browser size width: 2560 and height: 1440