This task encompasses the work to ship the new Vue.js-powered search experience to the initial deployment targets, the Beta-Cluster and Test Wikipedia (testwiki). These wikis are more forgiving audiences for in-development features. So long as the feature doesn't break development workflows of someone else, it is usually a welcoming place for change. In the case of search, as soon as it is usable, it should be considered shippable to these wikis.
Configuration
// Disable the old search experience from Core. Vector will provide its own in "Latest" mode (v2) only. $wgVectorUseCoreSearch = false;
Acceptance criteria
- mediawiki-config is revised with the new configuration
- The new Vue.js search experience is deployed to beta cluster on: 11th feb 2021**
- A brief announcement is shared on #front-end and #humansoftheweb channels just to alert folks that stuff is up.
- The error logs are checked for new errors on the Beta-Cluster and testwiki (review the chores page for links).
- The new Vue.js search experience is testwiki but nowhere on: TBD**
- The new vue.js search experience is deployed to officewik on: TBD**
- The Performance team, Core Platform API team, and Edward are notified so they can evaluate in a production-like environment if wanted.
Pre-deployment
- inform editing, growth, and search teams prior to deployment to office and test wiki based on testing on the beta cluster
QA
- Ensure design fixes from T270202: Design fixes for new Vue.js search experience are consistent across a variety of browsers
- Test A/B setup from T261647: Set up A/B test for new search widget
Beta cluster QA steps to accomplish above ^
Functionality:
- Go to https://en.wikipedia.beta.wmflabs.org/wiki/African_wild_dog
- Select search widget
- Ensure search widget expands according to dimensions given in https://phabricator.wikimedia.org/T270202 F32194620
- Type AL in search box
- Ensure results appear and are accompanied by images and descriptions (note: not all results are required to have images and descriptions)
- Ensure that within the results list the remainder of the results (outside of the searched term) is bolded. For this example, this would mean anything but “AL” would appear as bolded
- Select the results “Albert Einstein”
- Ensure you are navigated to the Albert Einstein article.
- Ensure search bar returns to its pre-loaded form
- Click within the search bar
- Click outside the search bar
- Hover on the search bar
- The search button should appear on hover
Window size
- Go to https://en.wikipedia.beta.wmflabs.org/wiki/African_wild_dog as a logged-in user
- Change to a few window sizes between 500px and 2500px
- Ensure search there are no visual bugs or inconsistencies at those sizes
Browser list
- Go to https://en.wikipedia.beta.wmflabs.org/wiki/African_wild_dog as a logged-in user on the list of browsers below
- Spot-check to ensure search functionality behaves as expected
Spot-checking selected with at least one Grade A & Grade B browsers from each major browser family
Chrome:
- 87
- 85
- 70
Firefox
- 85
- 76
- 52
Safari
- 14
- 11
IE
- 20
Opera
- 73
Yandex
- 46.7
Edge
- 87
- 18
Instrumentation (To be done in T274869: Instrumentation QA for new search widget)
- Ensure events recorded as expected
- Ensure A/B bucketing functioning as expected
Steps TBD by @MNeisler
Editing
- Go to https://en.wikipedia.beta.wmflabs.org/wiki/African_wild_dog as a logged-in user
- Enter source editor and ensure you can still search without issue
- Go to https://en.wikipedia.beta.wmflabs.org/wiki/African_wild_dog as a logged-in user
- Enter visual editor and ensure you can still search without issue
Sign off steps
- Make sure the appropriate dashboards are setup T250336.
QA Results - Beta
Functionality
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T259798#6854792 |
| 2 | ✅ | T259798#6846157 |
| 3 | ✅ | T259798#6846157 |
| 4 | ✅ | T259798#6846157 |
| 5 | ✅ | T259798#6846157 |
| 6 | ✅ | T259798#6846157 |
Window Size
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T259798#6854792 |
Browser List
| AC | Status | Details | |
|---|---|---|---|
| 1 | ✅ | T259798#6846197 | |
| 2 | ✅ | T259798#6846197 | |
| 3 | ✅ | T259798#6846197 | |
| 4 | ✅ | T259798#6848165 | |
| 5 | ✅ | T259798#6846197 | |
| 6 | ✅ | T259798#6848165 | |
| 7 | ✅ | T259798#6846197 | |
Editing
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T259798#6846199 |
| 2 | ✅ | T259798#6846199 |
