NOTE: T380325 should be resolved before working on this task
Background
The Minerva skin will be updated to use the new Typeahead search to complete our goal.
User story
As a user I want a consistent search experience across mobile and desktop.
Requirements
The Minerva skin should support the core TypeaheadSearch component behind a feature flag to unify the search experience across mobile and desktop.
- A feature flag is created and used in minerva
- Default config uses MobileFrontend search
- The feature flag is disabled by default.
- The feature is enabled in beta cluster
- The mobile site uses core TypeaheadSearch when the feature flag is enabled.
BDD
Scenario: Core TypeaheadSearch is used in Minerva skin Given I visit the mobile site with the feature flag enabled When I tap the search input field Then the core TypeaheadSearch component should render Scenario: Core TypeaheadSearch is used in Minerva skin when logged in Given I am logged in on the mobile site with the feature flag enabled When I tap the search input field Then the core TypeaheadSearch component should render Scenario: Core TypeaheadSearch is used in Vector 2022 skin Given I visit the Vector 2022 skin with the feature flag enabled When I click the search input field Then the core TypeaheadSearch component should render Scenario: Core TypeaheadSearch is used in Vector 2022 skin when logged in Given I am logged in and using the Vector 2022 skin with the feature flag enabled When I click the search input field Then the core TypeaheadSearch component should render
Test Steps
Test Case 1: Core TypeaheadSearch is the default in Minerva skin
- Visit https://en.m.wikipedia.beta.wmflabs.org while logged out
- Tap the search input field
- AC1: Confirm the TypeaheadSearch component is used
- Log in and return to https://en.m.wikipedia.beta.wmflabs.org
- Tap the search input field
- AC2: Confirm the TypeaheadSearch component is still used
Test Case 2: Core TypeaheadSearch is the default in Vector 2022 skin
- Visit https://en.wikipedia.beta.wmflabs.org?useskin=vector-2022 while logged out
- Click the search input field
- AC3: Confirm the TypeaheadSearch component is used
- Log in and return to https://en.wikipedia.beta.wmflabs.org?useskin=vector-2022
- Click the search input field
- AC4: Confirm the TypeaheadSearch component is still used
Design
- Add mockups and design requirements
Acceptance criteria
- Add acceptance criteria
Communication criteria - does this need an announcement or discussion?
- Add communication criteria
Rollback plan
- What is the rollback plan in production for this task if something goes wrong?
Feature flag means no roll back necessary - we will enable this in a follow up.
Sign off
- Identify any changes we should make to Vector 2022 to improve mobile display.
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T380510#10878070 |
| 2 | ✅ | T380510#10878070 |
| 3 | ✅ | T380510#10878070 |
| 4 | ✅ | T380510#10878070 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T380510#10906950 |
| 2 | ✅ | T380510#10906950 |
| 3 | ✅ | T380510#10906950 |
| 4 | ✅ | T380510#10906950 |
This task was created by Version 1.2.0 of the Web team task template using phabulous
