Report for specs.component.media.image.ImagePublishSpec

created on Thu Aug 12 18:05:25 UTC 2021 by root

1. Summary

Total Runs	Success Rate	Total time	Failures	Errors	Skipped
0	100.0%	1 minutes, 15.411 seconds	1	0	22

Total Runs

Success Rate

Total time

Failures

Errors

Skipped

100.0%

1 minutes, 15.411 seconds

2. Features

2.1. Functionality of Component Variant: Default in LG IGNORED

Result: IGNORED Time: 4.364 seconds

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

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: 4.232 seconds

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

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: 4.268 seconds

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

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: 4.301 seconds

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

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: 4.034 seconds

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

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: 3.952 seconds

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

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: 4.103 seconds

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

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: 3.908 seconds

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

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: 3.237 seconds

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

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: 4.469 seconds

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

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

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: 4.320 seconds

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

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

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: 4.312 seconds

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

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

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: 4.470 seconds

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

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

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: 3.185 seconds

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

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: 3.201 seconds

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

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: 3.237 seconds

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

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: 3.212 seconds

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

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: 4.346 seconds

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

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

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: 3.190 seconds

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

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 (13b7334604e2b6cfd3853f74d8158456)] -> 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