Autocomplete Recent Searches

[MRichards99]

Description

This PR partially implements #1471. As discussed in the issue, I have implemented a way for a user to access their recent searches using browser autocompleting:

As Louise stated in the issue, "this persists across browser refreshes, but is locked to a single browser". This may not be enough functionality to satisfy DataGateway users (i.e. they might want recent searches to be the same across browsers) but given the low code change in this PR, it seems this is a good first step.

I updated the snapshots for the unit tests and tried to write an e2e test but I wasn't able to get the autofill field to complete in Cypress during the test (it would appear if I did the steps manually after the test) so I was unable to write a test for that.

It's rather simple, but it seems to work.

Testing instructions

Add a set up instructions describing how the reviewer should test the code

• Review code
• Check Actions build
• Review changes to test coverage

Agile board tracking

connect to #1471

[codecov]

Codecov Report

Patch coverage: 100.00% and project coverage change: +0.01 🎉

Comparison is base (3bf6259) 96.26% compared to head (1288b4a) 96.28%.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #1539      +/-   ##
===========================================
+ Coverage    96.26%   96.28%   +0.01%     
===========================================
  Files          161      161              
  Lines         6860     6867       +7     
  Branches      2126     2128       +2     
===========================================
+ Hits          6604     6612       +8     
+ Misses         236      235       -1     
  Partials        20       20              

Flag	Coverage Δ
common	95.53% <ø> (ø)
dataview	96.85% <ø> (ø)
download	96.84% <ø> (+0.11%)	⬆️
search	96.50% <100.00%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...teway-search/src/search/searchButton.component.tsx	100.00% <ø> (ø)
...eway-search/src/search/searchTextBox.component.tsx	100.00% <ø> (ø)
...ateway-search/src/searchBoxContainer.component.tsx	100.00% <100.00%> (ø)

... and 1 file with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[louise-davies]

LGTM - it might cause some merge conflicts with the lucene PR but nothing too bad and we'll want this change for when we release the search stuff :)

[MRichards99]

Brilliant - I think I'll merge this now so I can get (sneakily) ahead of the Lucene PR :)