Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Test Scenario]: Cloud Masthead - DDS Consulting #8133

Closed
proeung opened this issue Jan 24, 2022 · 2 comments · Fixed by #8174
Closed

[Test Scenario]: Cloud Masthead - DDS Consulting #8133

proeung opened this issue Jan 24, 2022 · 2 comments · Fixed by #8174
Assignees
@andy-blum @annawen1
Labels
adopter: AEM used when component or pattern will be used by this adopter adopter: Drupal used when component or pattern will be used by this adopter dev Needs some dev work feature flag owner: Innovation Team used when the engineering work will be done by Hybrid Cloud with DDS engineers as consultants priority: high test: e2e used for automated e2e testing

Comments

@proeung
Copy link
Contributor

proeung commented Jan 24, 2022 •
edited
Loading

Engineering info:

Component and test scenario title

Masthead - Cloud

  • This component is marked behind a feature flag and it's available to preview via the experimental deploy preview.
  • Enable this component locally
    • Edit your .env file and add this line DDS_CLOUD_MASTHEAD=true.

Test scenario steps

Menu Testing

  1. Check the "IBM" logo is loading and clickable
  2. Check the "Cloud" platform name and ensure that it links out to ibm.com/cloud and it's clickable.
  3. Check 5 Mega menu options (eg. Products, Solutions, Pricing, Support, and Explore More) are loading with one active(selected) state, and all options are clickable.
  4. Click through one of the menu items from the left tabbing list and ensure that it returns the tab panel content.
  5. Check Mega menu drop down links and options are clickable/operable
  6. Click on the Mobile hamburger menu and ensure that the Mobile Menu (Left Nav) opens and the menu listing is visible
  7. Click through the mobile left nav and ensure that the top links are functioning as expected.
  8. Add a test case for ensuring that the nav next/previous carets are rendering on the table breakpoints. This is important as we need to ensure that the users are still available to navigate through the masthead once the menu items are longer than the set container.

Search - Should be the same as the Default/Global Masthead

  1. Check Search edit field is open by default
  2. Check Search edit field opens and the user can enter keywords
  3. Check Search field auto-suggest results (10 results should be displayed)
  4. Verify Menu options must be hidden while the search edit field is open.

CTAs

  1. Check the "Contact us" CTA and ensure that the data-ibm-contact="contact-link" attribute is present. This attribute is needed for the activation of the IBM Cloud Chatbot.
  2. Check and ensure that the "Contact us" button is hidden on the Mobile breakpoints.
  3. Click on the blue CTA button "Create IBM Cloud account" and ensure that it's clickable.

Authentication

  1. Click on the "Log in" CTA and ensure that this button is clickable and directs the user to https://cloud.ibm.com/login.
@proeung proeung added dev Needs some dev work test: e2e used for automated e2e testing owner: Innovation Team used when the engineering work will be done by Hybrid Cloud with DDS engineers as consultants adopter: AEM used when component or pattern will be used by this adopter adopter: Drupal used when component or pattern will be used by this adopter priority: medium feature flag labels Jan 24, 2022
@jeffchew jeffchew changed the title [Test Scenario]: Cloud Masthead [Test Scenario]: Cloud Masthead - DDS Consulting Jan 24, 2022
@proeung proeung mentioned this issue Jan 24, 2022
Closed
2 tasks
@andy-blum
Copy link
Contributor

@proeung

Authentication

Click on the "Log in" CTA and ensure that this button is clickable and directs the user to https://cloud.ibm.com/login.
If authenticated via the https://cloud.ibm.com, the browser cookie should return com.ibm.cloud.iam.LoggedIn.manual. (I'm not sure how we're tackling this within the automatic testing script, but this line item is part of the manual regression testing.

The cypress framework does not allow running tests across multiple origins. The browser will follow a clicked link, but the tests will stop. We're also not able to manually navigate to that location.

Screen Shot 2022-01-31 at 1 48 23 PM

@andy-blum andy-blum mentioned this issue Jan 31, 2022
Merged
@proeung
Copy link
Contributor Author

proeung commented Feb 1, 2022

@andy-blum I figured that might be the case. I'll adjust the test scenario to check and verify that the "Login" button links out to the Cloud counsel (https://cloud.ibm.com/login).

@proeung proeung mentioned this issue Feb 1, 2022
Closed
@kodiakhq kodiakhq bot closed this as completed in #8174 Feb 11, 2022
kodiakhq bot pushed a commit that referenced this issue Feb 11, 2022
@andy-blum
test(masthead): add e2e coverage for cloud masthead (experimental) (#…
3704c50 
…8174)

### Related Ticket(s)

Closes #8133 & #8138

### Changelog

**New**

- Adds e2e coverage for the cloud masthead
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@andy-blum andy-blum

@annawen1 annawen1

Labels
adopter: AEM used when component or pattern will be used by this adopter adopter: Drupal used when component or pattern will be used by this adopter dev Needs some dev work feature flag owner: Innovation Team used when the engineering work will be done by Hybrid Cloud with DDS engineers as consultants priority: high test: e2e used for automated e2e testing
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

test(masthead): add e2e coverage for cloud masthead (experimental) andy-blum/carbon-for-ibm-dotcom
3 participants
@proeung @andy-blum @annawen1