== Background
We want to add a survey to the ReadingLists page to understand user satisfaction.
=== Design requirements
===== [[ https://www.figma.com/design/Q3pYKI7RRMdRRgkQp2RiTf/Web--Reading-List-Collections?node-id=2271-108651&t=hSGhLGv8UyrQ3ZE3-4 | Link to figma ]]
Desktop
| {F72052645} | {F72052615} |
Mobile
| {F72052709} | {F72052728} | {F72052735}
==== Configuration specification
- The survey should appear on Special:ReadingLists/[username]
- In the configuration, we can set `embedElementId` to `~`, then use the [[ https://www.mediawiki.org/wiki/Extension:QuickSurveys#require(_'ext.quicksurveys.lib'_).showSurvey | showSurvey API ]] to display the survey within a Vue component on the page
- We might include our config via the `QuickSurveysEnabled` hook so it can live in the ReadingLists extension
- Criteria: The survey shows only if the user has at least 1 saved page
- Dismissal:
- If a user answers the survey, we log their answer, and they never see this question again.
- After X (10?) visits to the saved page dismiss the survey
---
== Requirements
=== Acceptance criteria
- [] ReadingLists survey appears on Special:ReadingLists/[user] for [insert user criteria here].
- [] ReadingLists survey no longer appears on the page once the user has completed it or after [X] impressions.
=== BDD
- //For QA engineer to fill out.//
=== Test Steps
- //For QA engineer to fill out.//
=== Rollback plan
//Describe the rollback plan in production for this task if something goes wrong.//
//This task was created by Version 1.0.0 of the Reader Experience team task template using [[ https://phabulous.toolforge.org/ | phabulous ]].//