Details
-
Improvement
-
Status: Closed
-
Minor
-
Resolution: Fixed
-
3.10, 4.0
-
MOODLE_310_STABLE, MOODLE_400_STABLE
-
MOODLE_310_STABLE
-
MDL-69454-master -
Hide
*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 closes2. 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 disappears3. 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 blue4. 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 blue5. 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 search6. 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 word7. 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 word8. 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 word9. 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 input10. 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 page11. 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 again12. 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 empty13. 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 empty14. 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 empty16. 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 shownShow*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
Description
As part of amaia's project week together with barbararamiro we have started redesigning the search inputs across Moodle
This tracker issues is about implementing these designs in the Moodle UI
Attachments
- chart-7143-2.h5p
- 110 kB
- Collage-3065-2.h5p
- 646 kB
- ipsums.h5p
- 1.25 MB
- Screenshot_1.jpg
- 42 kB
- Screenshot_10.jpg
- 27 kB
- Screenshot_2.jpg
- 38 kB
- Screenshot_3.jpg
- 83 kB
- Screenshot_4.jpg
- 78 kB
- Screenshot_5.jpg
- 46 kB
- Screenshot_6.jpg
- 40 kB
- Screenshot_7.jpg
- 84 kB
- Screenshot_8.jpg
- 32 kB
- Screenshot_9.jpg
- 78 kB
Issue Links
- caused a regression
-
MDL-70112 No preview when editing drag-drop markers or drag-drop onto image questions
-
- Closed
-
-
MDL-77313 Course restore searching is broken
-
- Closed
-
- has a non-specific relationship to
-
MDL-70322 Search icon inconsistency in 'search_input_navbar.mustache'
-
- Closed
-
- will help resolve
-
MDL-71203 Wiki search form improvement
-
- Closed
-