This task encompasses the work to ship the new Vue.js-powered search experience to the initial deployment targets, the [[ https://en.wikipedia.beta.wmflabs.org | Beta-Cluster ]] and [[ https://test.wikipedia.org | 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
```lang=php
// Disable the old search experience from Core. Vector will provide its own in "Latest" mode (v2) only.
$wgVectorUseCoreSearch = false;
```
== Acceptance criteria
[x] [[ https://gerrit.wikimedia.org/r/plugins/gitiles/operations/mediawiki-config | mediawiki-config ]] is revised with the new configuration
[x] 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 [[ https://www.mediawiki.org/wiki/Reading/Web/Chores | 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} are consistent across a variety of browsers
[] Test A/B setup from {T261647}
=== 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 AS 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 “AS” would appear as bolded
# Select the results “Asian Golden Cat”
# Ensure you are navigated to the Asian Golden Cat 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
(from https://turnilo.wikimedia.org/#pageviews_daily/4/N4IgbglgzgrghgGwgLzgFwgewHYgFwhpwBGCApiADTjTxKoY4DKZaG2A5lPqAMaYIEcAA5QyAJUwB3bngBmiMQF9qGALZlkOCgQCiaXgHoAqgBUAwlRByICNGQBOsgNqg0AT2E7CEDVYdkcvggAPoh6hSqvmQACo5YACYuoAkwDuhYuAQxAMwADAAiVlD2wvgAtACMqp7eQvYlIEoAuiputcElDhCc/oHBcBxk2GjhHdRwvIxZID1WYIgwZC4gMGIOIM3U2Jho+AoIypTtXp1o3b3UAUEEk7zLUCEaaAAWmAlWk9PBc9QLCEsVgllgBrNCYMpbEA7PbyRRkFrUKDCJBoZKEDoELo9DhWBLRbBQTLBeAhYgOaTrEIKNS2dzFTAOWGga7BSBkKQhfgwEZWDynLHxZZ4iABKbEgjAqD3bD4y4gLzdd7BJrUJC02EAVjybQxApA2Pl+I0hIlqzgZIpMkcTzgACtGQymTwQKyCOzOdzeTV9esIMLqPixd9JcsZXLcdRFYkVSoQOqIFrEQahejro5hvc2f7PZgeXtqHJGWp0C7+d5gQoYHZ5otvKq9d4NHBYAEmlDhD1sGQEgUCUScC4O12e0xGbCaByuXneUogA==)
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})
# 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.