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

React stand alone: Mega Menu enhancement to accommodate HC + AI updates Visual QA testing Prod QA testing #4656

Closed
5 tasks
RobertaJHahn opened this issue Dec 7, 2020 · 5 comments
Closed
5 tasks

React stand alone: Mega Menu enhancement to accommodate HC + AI updates Visual QA testing Prod QA testing #4656

RobertaJHahn opened this issue Dec 7, 2020 · 5 comments
Assignees
@Praveen-sr
Labels
adopter: Innovation Team used when component or pattern will be used by this adopter adopter support design Applied to all issues assigned to the design team members. Filter used in planning meetings dev complete
Milestone
Sprint 21-04

Comments

@RobertaJHahn
Copy link

RobertaJHahn commented Dec 7, 2020 •
edited
Loading

This development work is also scheduled for the Web Component version. The Web Component development is managed under epic (#4322)

User Story

As a [user role below]:
developer using the ibm.com Library Mega menu HC + AI enhancement

I need to:
have a version of the pattern or component that has been tested for accessibility compliance as well as on multiple browsers and platforms

so that I can:
be confident that my ibm.com web site users will have a good experience

Additional information

  • Browser Stack link
  • Browser Standard
  • Browser versions to be tested: Tier 1 browsers will be tested with defects created as Sev 1 or Sev 2. Tier 2 browser defects will be created as Sev 3 defects.
  • Platforms to be tested, by priority: 1) Desktop 2) Mobile 3) Tablet
  • Mobile & Tablet iOS versions: 13.1, 13.3 and 14
  • Mobile & Tablet Android versions: 9.0 Pie and 8.1 Oreo
  • Browsers to be tested: Desktop: Chrome, Firefox, Safari, Edge, Mobile: Chrome, Safari, Samsung Internet, UC Browser, Tablet: Safari, Chrome, Android
  • Accessibility Checklist
  • Creating a QA bug
  • See the Epic for the Design and Functional specs information
  • Dev issue (React stand alone: Change Mega Menu HC + AI updates component #4653)
  • ** Once development is finished the updated code is available on the Canary URL for testing.**

Acceptance criteria

  • Accessibility testing is complete. Component is compliant.
  • All browser versions are tested
  • All operating systems are tested
  • All devices are tested
  • Defects are recorded and retested when fixed
@RobertaJHahn RobertaJHahn added adopter support adopter: Innovation Team used when component or pattern will be used by this adopter adopter: Reboot design Applied to all issues assigned to the design team members. Filter used in planning meetings labels Dec 7, 2020
@RobertaJHahn RobertaJHahn added this to the Sprint 21-02 milestone Dec 7, 2020
@RobertaJHahn RobertaJHahn changed the title React stand alone: ?component name? Prod QA testing React stand alone: Mega Menu enhancement to accommodate HC + AI updates Visual QA testing Prod QA testing Dec 7, 2020
@shixiedesign
Copy link
Contributor

Designs & spec: https://ibm.box.com/s/kie61ijq4ggvdhi6awjklp09a5ro4sms
Boxfolder: https://ibm.ent.box.com/folder/118692148518?s=lcjcmdoaz2hnj6gejx7ilafhrvje4k68

Example: md breakpoint design:
image

@RobertaJHahn RobertaJHahn mentioned this issue Jan 21, 2021
Closed
7 tasks
@annawen1
Copy link
Member

annawen1 commented Feb 2, 2021 •
edited
Loading

@Praveen-sr development for this has been completed. You can view here under the Custom Navigation story:
https://ibmdotcom-react-canary.mybluemix.net/?path=/story/components-masthead--with-custom-navigation

CC: @RobertaJHahn

@RobertaJHahn
Copy link
Author

Prod QA testing started

@RobertaJHahn
Copy link
Author

Accessibility testing remains. Testing should be finished by tomorrow.

@RobertaJHahn
Copy link
Author

Accessibility testing is finished. Closing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Praveen-sr Praveen-sr

Labels
adopter: Innovation Team used when component or pattern will be used by this adopter adopter support design Applied to all issues assigned to the design team members. Filter used in planning meetings dev complete
Projects
None yet
Milestone
Sprint 21-04
Development

No branches or pull requests
5 participants
@shixiedesign @RobertaJHahn @annawen1 @Praveen-sr @lily-kenney