* 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>
152 lines
5.7 KiB
JSON
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
|
|
}
|