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

1. Summary

Total Runs Success Rate Total time Failures Errors Skipped

0

100.0%

54.046 seconds

1

0

22

2. Features

2.1. Functionality of Component Variant: Default in LG IGNORED

Result: IGNORED Time: 3.211 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image1"
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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city3.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Default in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • Where: Browser size width: 1366 and height: 1024

2.2. Functionality of Component Variant: Image Only in LG IGNORED

Result: IGNORED Time: 3.105 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image2"
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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city3.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Only in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • Where: Browser size width: 1366 and height: 1024

2.3. Functionality of Component Variant: Card in LG IGNORED

Result: IGNORED Time: 3.099 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image3"
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 sample content

1
2
assert $("${selector} img").attr("src").contains("/city3.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Card in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "1280",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} img")
        .getAttribute("src")
        .contains(
        expectSizes.get(viewport.label)
)
  • Where: Browser size width: 1366 and height: 1024

2.4. Functionality of Component Variant: Image Title and Description in LG IGNORED

Result: IGNORED Time: 3.212 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image4"
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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city3.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Title and Description in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • Where: Browser size width: 1366 and height: 1024

2.5. Functionality of Component Variant: Default with Licensed Image in LG IGNORED

Result: IGNORED Time: 2.923 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image5"
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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city1.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Default with Licensed Image in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • Where: Browser size width: 1366 and height: 1024

2.6. Functionality of Component Variant: Image Only with Licensed Image in LG IGNORED

Result: IGNORED Time: 2.925 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image6"
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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city1.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Only with Licensed Image in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • Where: Browser size width: 1366 and height: 1024

2.7. Functionality of Component Variant: Card with Licensed Image in LG IGNORED

Result: IGNORED Time: 3.147 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image7"
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 sample content

1
2
assert $("${selector} img").attr("src").contains("/city1.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Card with Licensed Image in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "1280",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has title line

1
assert $("${selector} .card-title").text() == "Licensed Asset Title"
  • And Has description line

1
assert $("${selector} .card-text").text() == "Licensed Asset Description"
  • And Has license line

1
assert $("${selector} .license").text().trim() == "2017 Creator Contributor Copyright Image Owner Copyright Owner"
  • Where: Browser size width: 1366 and height: 1024

2.8. Functionality of Component Variant: Image Title and Description with Licensed Image in LG IGNORED

Result: IGNORED Time: 2.892 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
def selector = "#image8"
  • 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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city1.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Title and Description with Licensed Image in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has title line

1
assert $("${selector} figure figcaption").text() == "Licensed Asset Title"
  • And Has description line

1
assert $("${selector} figure .description")[0].getAttribute("innerText").equals("Licensed Asset Description")
  • And Has license line

1
assert $("${selector} figure .license")[0].getAttribute("innerText").trim() == "2017 Creator Contributor Copyright Image Owner Copyright Owner"
  • Where: Browser size width: 1366 and height: 1024

2.9. Functionality of Component Variant: Default Empty in LG IGNORED

Result: IGNORED Time: 2.063 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image9"
def selectorContainer = "#contentblock9 .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 be empty

1
assert $(selector).children().size() == 0
  • And Should have empty attribute

1
assert $(selector + "[empty]").size() == 1
  • Where: Browser size width: 1366 and height: 1024

2.10. Functionality of Component Variant: Default with Overrides in LG IGNORED

Result: IGNORED Time: 3.352 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image10"
def selectorContainer = "#contentblock10 .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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city2.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Default with Overrides in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has overridden title

1
assert $("${selector} img").attr("title") == "Can override Image Title"
  • And Has overridden alt

1
assert $("${selector} img").attr("alt") == "Can override Image Headline"
  • Where: Browser size width: 1366 and height: 1024

2.11. Functionality of Component Variant: Image Only with Overrides in LG IGNORED

Result: IGNORED Time: 3.158 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image11"
def selectorContainer = "#contentblock11 .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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city2.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Only with Overrides in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has overridden title

1
assert $("${selector} img").attr("title") == "Can override Image Title"
  • And Has overridden alt

1
assert $("${selector} img").attr("alt") == "Can override Image Headline"
  • Where: Browser size width: 1366 and height: 1024

2.12. Functionality of Component Variant: Card with Overrides in LG IGNORED

Result: IGNORED Time: 3.224 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image12"
def selectorContainer = "#contentblock12 .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 sample content

1
2
assert $("${selector} img").attr("src").contains("/city2.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Card with Overrides in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "1280",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has overridden title with overridden title

1
assert $("${selector} .card-title").text() == "Can override Image Title"
  • And Has overridden description with overridden title

1
assert $("${selector} .card-text").text() == "Can override Image Description"
  • And Has image with overridden title with overridden title

1
assert $("${selector} img").attr("title") == "Can override Image Title"
  • And Has image with overridden alt with overridden title

1
assert $("${selector} img").attr("alt") == "Can override Image Headline"
  • Where: Browser size width: 1366 and height: 1024

2.13. Functionality of Component Variant: Image Title and Description with Overrides in LG IGNORED

Result: IGNORED Time: 3.198 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image13"
def selectorContainer = "#contentblock13 .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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city2.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Title and Description with Overrides in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has title line with overridden title

1
assert $("${selector} figure figcaption").text() == "Can override Image Title"
  • And Has description line with overridden title

1
assert $("${selector} figure .description")[0].getAttribute("innerText") == "Can override Image Description"
  • And Has image with overridden title with overridden title

1
assert $("${selector} img").attr("title") == "Can override Image Title"
  • And Has image with overridden alt with overridden title

1
assert $("${selector} img").attr("alt") == "Can override Image Headline"
  • Where: Browser size width: 1366 and height: 1024

2.14. Functionality of Component Variant: Image Only Empty in LG IGNORED

Result: IGNORED Time: 2.112 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image14"
def selectorContainer = "#contentblock14 .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 be empty

1
assert $(selector).children().size() == 0
  • And Should have empty attribute

1
assert $(selector + "[empty]").size() == 1
  • Where: Browser size width: 1366 and height: 1024

2.15. Functionality of Component Variant: Card Empty in LG IGNORED

Result: IGNORED Time: 2.065 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image15"
def selectorContainer = "#contentblock15 .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 be empty

1
assert $(selector).children().size() == 0
  • And Should have empty attribute

1
assert $(selector + "[empty]").size() == 1
  • Where: Browser size width: 1366 and height: 1024

2.16. Functionality of Component Variant: Image Title and Description Empty in LG IGNORED

Result: IGNORED Time: 2.063 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image16"
def selectorContainer = "#contentblock16 .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 be empty

1
assert $(selector).children().size() == 0
  • And Should have empty attribute

1
assert $(selector + "[empty]").size() == 1
  • Where: Browser size width: 1366 and height: 1024

2.17. Functionality of Component Variant: Default with Rendition in LG IGNORED

Result: IGNORED Time: 2.196 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image17"
def selectorContainer = "#contentblock17 .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 sample content

1
2
assert $("${selector} img").attr("src").contains("/city3.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Default with Rendition in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "319",
        "MD"  : "319",
        "LG"  : "319",
        "XLG" : "319",
        "XXLG": "319"
]
assert $("${selector} img")
        .getAttribute("src")
        .contains(
        expectSizes.get(viewport.label)
)
  • Where: Browser size width: 1366 and height: 1024

2.18. Functionality of Component Variant: Image Title and Description with Asset Metadata in LG IGNORED

Result: IGNORED Time: 3.171 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image18"
def selectorContainer = "#contentblock18 .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 sample content

1
2
assert $("${selector} picture img").attr("src").contains("/city2.jpg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Title and Description with Asset Metadata in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "319",
        "SM"  : "1280",
        "MD"  : "1280",
        "LG"  : "1280",
        "XLG" : "1280",
        "XXLG": "1280"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has title line

1
assert $("${selector} figure figcaption").text() == "Asset Title"
  • And Has description line embedded in Asset

1
assert $("${selector} figure div.description")[0].getAttribute("innerText") == "Asset Description"
  • And Has no license line

1
assert $("${selector} .license").size() == 0
  • Where: Browser size width: 1366 and height: 1024

2.19. Functionality of Component Variant: Image Title and Description with Adaptive Image in LG FAILURE

Result: FAILURE Time: 2.112 seconds

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image19"
def selectorContainer = "#contentblock19 .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 be using sample image as source

1
assert $(selector).attr("data-analytics-filename").endsWith("/city2.jpg")
  • And Should be rendering sample image using current resource

1
2
assert $("${selector} picture img").attr("src").contains("/city2")
takeScreenshot($(selector).firstElement(), "Should have sample content")
Current

Functionality of Component Variant Image Title and Description with Adaptive Image in LG Should have sample content

  • And Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
11
12
13
def expectSizes = [
        "XS"  : "480",
        "SM"  : "640",
        "MD"  : "1024",
        "LG"  : "1440",
        "XLG" : "1920",
        "XXLG": "2048"
]
assert $("${selector} picture img")
        .getAttribute("currentSrc")
        .contains(
        expectSizes.get(viewport.label)
)
  • And Has title line

1
assert $("${selector} figure figcaption").text() == "Asset Title"
  • And Has description line embedded in Asset

1
assert $("${selector} figure div.description")[0].getAttribute("innerText") == "Asset Description"
  • And Has no license line

1
assert $("${selector} .license").size() == 0
  • Where: Browser size width: 1366 and height: 1024

The following problems occurred:
Condition not satisfied:

$("${selector} picture img") .getAttribute("currentSrc") .contains( expectSizes.get(viewport.label) )
|   |                         |                           |         |           |   |        |
|   #image19                  |                           false     |           1440|        LG
|                             |                                     |               [label:LG, width:1366, height:1024]
|                             |                                     [XS:480, SM:640, MD:1024, LG:1440, XLG:1920, XXLG:2048]
|                             http://author:8080/content/dam/aemdesign-showcase/en/components/media/image/city2.jpg.img.1024.jpg
[[[RemoteWebDriver: chrome on LINUX (344ae6bde7271fdb2bbbc1d742ebe779)] -> css selector: #image19 picture img]]

2.20. Functionality of Component Variant: Default with Generated Image IGNORED

Result: IGNORED Time: 0

URL:

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image20"
def selectorContainer = "#contentblock20 .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 sample content

1
2
assert $("${selector} img").attr("src").contains(".img.jpeg/")
takeScreenshot($(selector).firstElement(), "Should have sample content")
  • Where: Browser size width: #viewport.width and height: #viewport.height

2.21. Functionality of Adaptive Image Sizing IGNORED

Result: IGNORED Time: 0

URL:

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image19"
def selectorContainer = "#contentblock19 .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 Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
def expectSizes = [
        "XS"  : "480",
        "SM"  : "640",
        "MD"  : "1024",
        "LG"  : "1440",
        "XLG" : "1920",
        "XXLG": "2048"
]
def imgUrl = $("${selector} picture img").getAttribute("currentSrc")
assert imgUrl.contains(expectSizes.get(viewport.label))
  • Where: Browser size width: #viewport.width and height: #viewport.height

2.22. Functionality of Default Variant with Image Option - Manual MediaQuery with Rendition IGNORED

Result: IGNORED Time: 0

URL:

  • Given: >the page hierarchy is created as "Components" > "Media" > "Image"

  • And >I am in the component showcase page

  • And >the component is on the showcase page

1
2
def selector = "#image24"
def selectorContainer = "#contentblock24 .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 Image dimension should match media query

1
2
3
4
5
6
7
8
9
10
def expectSizes = [
        "XS"  : "1280",
        "SM"  : "1280",
        "MD"  : "aem-design-logo",
        "LG"  : "aem-design-logo",
        "XLG" : "aem-design-logo",
        "XXLG": "aem-design-logo"
]
def imgUrl = $("${selector} picture img").getAttribute("currentSrc")
assert imgUrl.contains(expectSizes.get(viewport.label))
  • Where: Browser size width: #viewport.width and height: #viewport.height