[Test Scenario]: Carousel - (Default, with images, with videos, with Media) #8330
Assignees
Labels
adopter: AEM
used when component or pattern will be used by this adopter
dev
Needs some dev work
DPO Consulting
owner: Innovation Team
used when the engineering work will be done by Hybrid Cloud with DDS engineers as consultants
package: web components
Work necessary for the IBM.com Library web components package
severity 3
Affects minor functionality, has a workaround
test: e2e
used for automated e2e testing
Comments
proeung
added
dev
2 tasks
proeung
changed the title
proeung
added
severity 3
|
Adding |
kodiakhq bot
pushed a commit
that referenced
this issue
Mar 28, 2022
…ideos, with media (#8538) ### Related Ticket(s) [[Test Scenario]: Carousel - (Default, with images, with videos, with Media)](#8330) ### Description The original requirements can be found in the ticket. I erred a little on the verbose side, and gave each variant a full suite of tests applicable to its unique content. If I should pare back and if any are redundant, let me know. #### Test scenario steps Note: Accessibility and theme compliance tests were applied to all. **Carousel - Default** 1. Check the content (heading, copy, and arrow link) are appearing on the carousel cards 2. Check the headers to make sure they all have the same height and are not set to 0px tall, providing an even vertical height for all the copy text 3. Check that the whole card is clickable 4. Ensure that the `Next` and `Previous` buttons move the carousel **Carousel - With Images** 1. Check the content (heading, copy, and arrow link) are appearing on the carousel cards 2. Ensure that the images are rendered 2. Check the headers to make sure they all have the same height and are not set to 0px tall, providing an even vertical height for all the copy text 4. Check that the whole card is clickable 5. Ensure that the `Next` and `Previous` buttons move the carousel **Carousel - With Videoes** 1. Check the content (heading, copy, and arrow link) are appearing on the carousel cards 2. Ensure that the video thumbs and play buttons are rendered correctly 3. Ensure that the duration text value is visible in the CTA area 2. Check the headers to make sure they all have the same height and are not set to 0px tall, providing an even vertical height for all the copy text 4. Check that the whole card is clickable 5. Ensure that the `Next` and `Previous` buttons move the carousel **Carousel - With a mixture of images and videos (New SB Variant)** 1. Check the content (heading, copy, and arrow link) are appearing on the carousel cards 2. Ensure that the images are rendered 3. Ensure that the video thumbs and play buttons are rendered correctly 4. Ensure that the duration text value is visible in the CTA area 2. Check the headers to make sure they all have the same height and are not set to 0px tall, providing an even vertical height for all the copy text 5. Check that the whole card is clickable 6. Ensure that the `Next` and `Previous` buttons move the carousel ### Changelog **New** - Test for the Carousel component <!-- React and Web Component deploy previews are enabled by default. --> <!-- To enable additional available deploy previews, apply the following --> <!-- labels for the corresponding package: --> <!-- *** "test: e2e": Codesandbox examples and e2e integration tests --> <!-- *** "package: services": Services --> <!-- *** "package: utilities": Utilities --> <!-- *** "RTL": React / Web Components (RTL) --> <!-- *** "feature flag": React / Web Components (experimental) -->
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Engineering info:
Component and test scenario title
Carousel - (Default, with images, with videos, and with mixture of images and videos)
Test scenario steps
Carousel - Default
NextandPreviousbuttons advance the carousel.Carousel - With Images
Carousel - With Videoes
Carousel - With a mixture of images and videos (New SB Variant)
The text was updated successfully, but these errors were encountered: