Fulltext Suggestion Macro for 0 Results

[merwhite11]

Closes #1001

Feature:
Creates a partial that is rendered within work_search.html in the case when 0 results are returned from a search.

The Fulltext-Search-Suggestion partial retrieves data from the Partials endpoint and renders a card with two suggestions of books with fulltext snippets that match the user's query. If the suggested book or title is clicked, it leads to the book's page. If the fulltext snippet or header/footer is clicked, it leads to the Search Inside results page.

Edge Cases:

• If there are no results for a given Search Tab AND no Search Inside results -> Only the 'No results' message will appear, no Search Inside suggestions
• All Search categories (books, authors, subjects, lists) return a Search Inside suggestion card if there are 0 category results
• All Search categories return a consistent 'No results' message if there are no category results and no Search Inside matches.

Measuring Effectiveness:

1. Does the Suggestion Card result in more people using Search Inside?
   • Check stats for Search Inside page to see if there in a jump in traffic after deployment
2. Are people using the Suggestion Card?
   • Added SearchInsideCard|SeeAllClick to a tags in FulltextSearchSuggestion.html
   • Added SearchInsideCard|BookClick to a tags in FulltextSuggestionItem.html
   • Added SearchInsideCard|QuoteClick to a tags in FulltextSuggestionSnippet.html

Technical

In order to test the card, I added a json of sample data to conf
I then referenced the sample data in lending.py.

I 'uploaded' books through the command line by running these commands:
docker compose exec -e PYTHONPATH=. web bash
./scripts/copydocs.py /books/OL32090209M
./scripts/copydocs.py /books/OL24375865M
./scripts/copydocs.py /books/OL24204364M

I did not commit the json of sample data or the addition to lending.py.

Testing

Happy case:

• Type in a search to the search bar under 'Books' that will likely return 0 results eg 'a cricket in the night' -> Search Inside suggestions will appear
• Repeat the search in authors, subjects and lists categories -> Search Inside suggestions will appear

Edge case:

• Type in a complete gibberish search in books, authors, search inside, subjects and lists categories -> Consistent 'No results' message will appear, no Search Inside suggestions

Screenshot

Happy case: A loading indicator will appear beneath 'No results found', and then will be replaced with this card:

Edge case: If there are no Search Inside matches, only the 'No results' message will appear

Stakeholders

@jimchamp @mekarpeles @cdrini

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 0% with 43 lines in your changes missing coverage. Please review.

Project coverage is 16.45%. Comparing base (ce16a79) to head (dbbde6e).
Report is 337 commits behind head on master.

Files with missing lines	Patch %	Lines
...ugins/openlibrary/js/fulltext-search-suggestion.js	0.00%	33 Missing and 6 partials ⚠️
openlibrary/plugins/openlibrary/js/index.js	0.00%	3 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #9734      +/-   ##
==========================================
+ Coverage   16.06%   16.45%   +0.39%     
==========================================
  Files          90       91       +1     
  Lines        4769     4897     +128     
  Branches      832      853      +21     
==========================================
+ Hits          766      806      +40     
- Misses       3480     3557      +77     
- Partials      523      534      +11     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[mekarpeles]

• 1 question about an i18n string containing a closing </a>
• A handful of cases where we're using !important css rules that I'd prefer we avoid

Otherwise, ready to merge!