docbrown/cypress/fixtures/search/readingList.json
Nick Taylor 86deddbb75
Fixed Reading List on Mobile + Small Improvements (#12755)
* Some div soup to semantic markup.

* Small refactor to inline mapping of available tags.

* Renamed <ItemListTags /> component to <TagList />.

* Now a select is used for picking a tag to filter on.

* Added custom Cypress command to create an article.

* Added documentation for the create article custom command.

* Removed unnecesary properties from payload to create an article.

* reading list mobile view wip.

* Reworked styles in <TagList />.

* Reworked reading list to use <MediaQuery /> component.

* Removed bottom padding from reading list header.

* styling tweaks if there are no available tags.

* Added some E2E tests.

* Removed reading list component test in favour of e2e test.

* Made breakpoint values numbers.

* Added some padding and more grid gap to filter on small screens.

* Adjusted jest coverage thresholds as we're moving some tests to e2e tests.

* Reverting a VS Code setting change caused by one of my extensions.

* First pass for E2E tests for the reading list.

* Added some more grid gap.

* Fixed load next page to send tags properly.

* Added some more tests.

* Improved label and placeholder for text filter in reading list.

* Added more tests

* Fixed media queries so it works in Chrome as well.

* Removed aside as tag filters are not complimentary information.

* Update app/javascript/readingList/components/TagList.jsx

Co-authored-by: Suzanne Aitchison <suzanne@forem.com>

* Update docs/tests/e2e-tests.md

Co-authored-by: Suzanne Aitchison <suzanne@forem.com>

* Turned off deprecated rule in jsx-a11y eslint plugin.

* Reverted to links instead of radio buttons.

* Added an all tags link and select option.

* Fixed relayout issue.

* Fixed View Archive button size.

* Fixed styling of the load more button.

* Fixed empty list issue toggling between archive and reading list.

* Fixed request changes from PR review.

* Removed CSS change that is no longer required.

* Trigger Build

* Fixed centering of items in top fieldset.

* Fixed issue with search text field resetting reading list.

* Fixed component tests for the reading list.

* Fixed empty state popping up between search queries.

* Fixed casing of fixture filenames.

* Update app/javascript/readingList/readingList.jsx

Co-authored-by: Suzanne Aitchison <suzanne@forem.com>

* Reverted change in reading list component test.

* Added missing JSDoc comment.

* Now links are in an unordered list.

* Promoted some CSS classes from the <nav /> to the <ul /> for spacing.

Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
2021-04-08 12:53:43 +01:00

152 lines
5.7 KiB
JSON

{
"result": [
{
"id": 7375469,
"user_id": 9597,
"reactable": {
"reading_time": 3,
"main_image": "https://res.cloudinary.com/practicaldev/image/fetch/s--XE2mPGud--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/9597/68d6245f-3152-4ed2-a245-d015fca4160b.jpeg",
"readable_publish_date_string": "Feb 22",
"cloudinary_video_url": null,
"video_duration_in_minutes": 0,
"title": "Test Article 1",
"video_duration_string": "00:00",
"tags": [
{
"name": "productivity",
"keywords_for_search": ""
},
{
"name": "webdev",
"keywords_for_search": "web development"
}
],
"path": "/somember/web-vitals-explained-114j",
"comments_count": 4,
"public_reactions_count": 94,
"id": 614848,
"published_at": "2021-02-22T17:00:55.966Z",
"class_name": "Article",
"user": {
"name": "Some Member",
"id": 67245,
"pro": null,
"profile_image_90": "https://res.cloudinary.com/practicaldev/image/fetch/s--XE2mPGud--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/9597/68d6245f-3152-4ed2-a245-d015fca4160b.jpeg",
"username": "somember"
},
"tag_list": ["productivity", "webdev"],
"flare_tag": null,
"user_id": 67245,
"highlight": null,
"readable_publish_date": "Feb 22",
"podcast": {
"slug": null,
"image_url": "https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9iebxyedkwozybopkn6e.jpeg",
"title": "Test Article 1"
},
"_score": 0,
"published_at_int": 1614013255,
"published_timestamp": "2021-02-22T17:00:55.966Z"
}
},
{
"id": 7375469,
"user_id": 9597,
"reactable": {
"reading_time": 3,
"main_image": "https://res.cloudinary.com/practicaldev/image/fetch/s--XE2mPGud--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/9597/68d6245f-3152-4ed2-a245-d015fca4160b.jpeg",
"readable_publish_date_string": "Feb 22",
"cloudinary_video_url": null,
"video_duration_in_minutes": 0,
"title": "Test Article 2",
"video_duration_string": "00:00",
"tags": [
{
"name": "performance",
"keywords_for_search": null
},
{
"name": "webdev",
"keywords_for_search": "web development"
}
],
"path": "/somember/web-vitals-explained-114j",
"comments_count": 4,
"public_reactions_count": 94,
"id": 614848,
"published_at": "2021-02-22T17:00:55.966Z",
"class_name": "Article",
"user": {
"name": "Some Member",
"id": 67245,
"pro": null,
"profile_image_90": "https://res.cloudinary.com/practicaldev/image/fetch/s--XE2mPGud--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/9597/68d6245f-3152-4ed2-a245-d015fca4160b.jpeg",
"username": "somember"
},
"tag_list": ["performance", "webdev"],
"flare_tag": null,
"user_id": 67245,
"highlight": null,
"readable_publish_date": "Feb 22",
"podcast": {
"slug": null,
"image_url": "https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9iebxyedkwozybopkn6e.jpeg",
"title": "Test Article 2"
},
"_score": 0,
"published_at_int": 1614013255,
"published_timestamp": "2021-02-22T17:00:55.966Z"
}
},
{
"id": 7375469,
"user_id": 9597,
"reactable": {
"reading_time": 3,
"main_image": "https://res.cloudinary.com/practicaldev/image/fetch/s--XE2mPGud--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/9597/68d6245f-3152-4ed2-a245-d015fca4160b.jpeg",
"readable_publish_date_string": "Feb 22",
"cloudinary_video_url": null,
"video_duration_in_minutes": 0,
"title": "Test Article 3",
"video_duration_string": "00:00",
"tags": [
{
"name": "productivity",
"keywords_for_search": ""
},
{
"name": "javascript",
"keywords_for_search": "js"
}
],
"path": "/somember/web-vitals-explained-114j",
"comments_count": 4,
"public_reactions_count": 94,
"id": 614848,
"published_at": "2021-02-22T17:00:55.966Z",
"class_name": "Article",
"user": {
"name": "Some Member",
"id": 67245,
"pro": null,
"profile_image_90": "https://res.cloudinary.com/practicaldev/image/fetch/s--XE2mPGud--/c_fill,f_auto,fl_progressive,h_90,q_auto,w_90/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/9597/68d6245f-3152-4ed2-a245-d015fca4160b.jpeg",
"username": "somember"
},
"tag_list": ["productivity", "javascript"],
"flare_tag": null,
"user_id": 67245,
"highlight": null,
"readable_publish_date": "Feb 22",
"podcast": {
"slug": null,
"image_url": "https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9iebxyedkwozybopkn6e.jpeg",
"title": "Test Article 3"
},
"_score": 0,
"published_at_int": 1614013255,
"published_timestamp": "2021-02-22T17:00:55.966Z"
}
}
],
"total": 3
}