Use a consistent search input field across all Moodle searches

*For reference: Search input styling can be found in the component library . 1. Navbar search input (please test on theme classic too) Login as admin Create one course and name it “Dragon training” Navigate to “Site Administration > Advanced features” Check the “Enable global search” option Run cron Click the search icon in the to navbar *Verify *on clicking the search icon an input field appears Verify the keyboard focus is on the search input field Type "Dragon" in the input field and press enter Verify you are now on the search results page and see your course Click the search icon again Type something in the input field Click the close button Verify the search input closes 2. Navbar search input on mobile Reduce the browser size to 320 x 256px Verify the search icon is visible in the navbar Click the search icon Verify the search input opens as an overlay of the navbar Click the close button Verify the search input disappears 3. Admin search Navigate to Site Administration Search for “Theme designer” Verify you have found the “Theme designer mode” setting Verify the search input box button is blue 4. Frontpage search Navigate to the site homepage Click the cog icon and select “Edit Settings” On “Front page items when logged in” select “Course search box” Save changes Search for a course “Dragon training” Verify you see the course when clicking the search icon Verify the search input box button is blue 5. Block searches Create a new course Add the “Blog menu” block Add the “Search forums” block Add the “Global search” block Add the “Administration” block Add a blog item Create a new forum activity in the course Add a forum post Verify all search inputs look similar (placeholder is ok to be different) Verify all search inputs can do a search 6. Wiki search Add a Wiki activity in your course and create a page with some text Verify you see the standard search input in the page header Search for a word on your new page Verify the search shows a result and the input still holds your search word 7. Glossary search Add a Glossary activity in your course and create a glossary entry with: concept: Lorum Ipsum Definition: cats and dogs Save changes On the glossary main page Search for “Lorum”, do not check the “Search full text option” Verify the search returns your entry Now search for the word “cats”, again do not check the “Search full text option” Verify there are no search results Search for the work “cats” again and check the “Search full text option” Verify the search returns your entry and the input still holds your search word 8. Forum search Add a Forum activity to your course or use an existing forum. Create a forum post Verify you see the standard search input in the page header Search for a word you used in your forum post Verify the search shows a result and the input still holds your search word 9. Message search Add a test user (if there are no other users than the admin) Open the message drawer In the search input search for the user Verify the search finds the user Verify the search input is styled like a normal search input 10. Tag search Navigate to page /tag/manage.php Click the “Default collection” link Search for a tag Verify the search input shows a result and the input still holds your search word Verify the search input is styled like a normal search input Click the reset filter link Verify the search is cleared and all tags are shown on the page 11. Capability search Navigate to Site administration > Users > Capability overview In the search input type “comments” Verify on typing a close icon appears Verify you see search results related to comments Click the close icon Verify the search is cleared and the search input field is empty again 12. Template library Navigate to Site administration > Development > Template library In the search input type “search_input” Verify after typing a close icon appears Verify you see search results related to the templates matching “Search_input” Click the close icon Verify the search is cleared and the search input field is empty 13. Activity chooser Navigate to any course and turn editing on Click the “Add an activity or resource” link on the page On the activity chooser enter the word “Lesson” Verify after typing a close icon appears Verify the search finds the lesson activity on typing Click the close icon Verify the search is cleared and the search input field is empty 14. Cohort search Navigate to site administration > Users > Cohorts Create a new cohort named “Group Blue” and save it Navigate back to the available cohorts page Use the search field to search “Blue” Verify the search finds the “Group Blue” cohort* 15. Content bank search Navigate to the site homepage Click the contentbank link in the navdrawer Upload the 3 h5p files attached to this issue On the contentbank page type "Ips" Verify after typing a close icon appears Verify the Ipsums.h5p file is found Click the close icon Verify the search is cleared and the search input field is empty 16. Course backup search Create 3 Course Categories: "Math, Language, Arts" Create 3 Courses: "Trigonometry, French, Monet" Click the cog icon and in the dropdown select "Restore" Upload the mbz file attached to this issue Click continue until you see the page "Restore as a new course" In the search box type "Art" Verify  only the "Arts" category shows Scroll down the page In the box "Search courses" type French Verify  only the "French" course is shown