Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-72397

Improve question category management UI

XMLWordPrintable

    • MOODLE_400_STABLE, MOODLE_401_STABLE
    • MOODLE_405_STABLE
    • MDL-72397_main-reactive
    • Hide
      1. Login into the Moodle site as an administrator
      2. Create a course called "Test course", and add a quiz called "Test quiz" to the course.
      3. Navigate to the new quiz, and select the "Question bank" tab
      4. Select "Categories" from the tertiary navigation.
        • Confirm That you have 4 defaults categories, that have no drag and drop handle.
        • Confirm That each category has an action menu, containing only "Edit settings" and "Export as Moodle XML"
      5. Click in "Add category"
      6. Set the parent category to "Top for Test course", fill in the Name "New category 1", add some Category info and an ID Number
      7. Click Add category in the modal form
        • Confirm That the created category appears under the Test course heading.
        • Confirm That the id number is displayed next to the category name
        • Confirm That both the new category and the "Default for Test course" both have drag handles.
        • Confirm That the "Edit" action menu for both movable categories contains a "Move" and "Delete" option, as well as the options listed in step 4.
      8. Check the "Show descriptions" checkbox at the top of the page
        • Confirm that the description is down in your new category.
      9. Click on the drag handle for your new category.
      10. Drag "New category 1" over "Default for test course"
        • Confirm that the top border of "Default for test course" is highlighted.
      11. Drop "New category 1"
        • Confirm that the two categories switch places.
      12. Drag "New category 1" just below "Default for Test course"
        1. Confirm that the bottom border of "Default for test course" is highlighted.
      13. Drop "New category 1"
        • Confirm that the two categories switch places, back to their original order.
      14. Drag "New category 1" below "Default for Test quiz"
        1. Confirm that the bottom border of "Default for Test quiz" is highlighted.
      15. Drop "New category 1"
        • Confirm that "New category 1" moves to the new context, below "Default for Test quiz"
        • Confirm that "Default for Test quiz" is now movable
        • Confirm that "Default for Test course" is no longer movable.
      16. Add an additional category as a child of "Top for Test quiz", called "New category 2"
        1. Confirm That the "Test quiz" heading now contains 3 categories, "Default for Test quiz", "New category 1" and "New category 2".
      17. Drag "New category 1" over "Default for Test quiz"
        1. Confirm that a [ + ]  drop target is shown next to the "Default for Test quiz" name
      18. Drag "New category 1" over the [ + ] drop target.
        1. Confirm that the drop target is highlighted, and the tooltip "As new child of Default for Test quiz" is shown.
      19. Drop "New category 1"
        1. Confirm That "New category 1" is now positioned as a child item of "Default for Test quiz"
      1. Drag "New category 2" just below "New category 1"
        1. Confirm that the bottom border of "New category 1" is highlighted.
      2. Drop "New category 2"
        1. Confirm that "New category 2" moves after "New category 1", as a second child of "Default for Test quiz"
      3. Drag "New category 2" just below "Default for Test quiz"
        1. Confirm that the bottom border of "Default for Test quiz" is highlighted.
      4. Drop "New category 2"
        1. Confirm that "New category 2" is moved to the top level of the Test quiz list, outside of "Default for Test quiz".
      5. Drag "Default for Test quiz", moving the cursor over "New category 1".
        1. Confirm that you cannot drag-and-drop the category inside itself.
      6. Drag "Default for Test quiz" just below "Default for test course" and drop it.
        1. Confirm that the category and its child move to the "Test course" context.
      7. Click on "Edit > Move" in the "Default for Test quiz" category
        1. Confirm that you see a modal listing all of the positions the category can move to.
        2. Confirm that you do not see "Default for Test quiz" on the list
      8. Click "Before New category 2"
        1. Confirm that the category is moved back to its original position, at the top of the "Test quiz" list.
      9. Click on "Edit > Edit settings" in the "New category 2" category
      10. Edit the name, description and ID number and click "Save changes"
        1. Confirm that the updated name, description and id number are shown on the page.
      11. Click on "Edit > Delete" in the "New category 2" category
      12. Click the "Delete" button in the confirmation modal.
        1. Confirm that the category is deleted.
      Show
      Login into the Moodle site as an administrator Create a course called "Test course", and add a quiz called "Test quiz" to the course. Navigate to the new quiz, and select the "Question bank" tab Select "Categories" from the tertiary navigation. Confirm That you have 4 defaults categories, that have no drag and drop handle. Confirm That each category has an action menu, containing only "Edit settings" and "Export as Moodle XML" Click in "Add category" Set the parent category to "Top for Test course", fill in the Name "New category 1", add some Category info and an ID Number Click Add category in the modal form Confirm That the created category appears under the Test course heading. Confirm That the id number is displayed next to the category name Confirm That both the new category and the "Default for Test course" both have drag handles. Confirm That the "Edit" action menu for both movable categories contains a "Move" and "Delete" option, as well as the options listed in step 4. Check the "Show descriptions" checkbox at the top of the page Confirm that the description is down in your new category. Click on the drag handle for your new category. Drag "New category 1" over "Default for test course" Confirm that the top border of "Default for test course" is highlighted. Drop "New category 1" Confirm that the two categories switch places. Drag "New category 1" just below "Default for Test course" Confirm that the bottom border of "Default for test course" is highlighted. Drop "New category 1" Confirm that the two categories switch places, back to their original order. Drag "New category 1" below "Default for Test quiz" Confirm that the bottom border of "Default for Test quiz" is highlighted. Drop "New category 1" Confirm that "New category 1" moves to the new context, below "Default for Test quiz" Confirm that "Default for Test quiz" is now movable Confirm that "Default for Test course" is no longer movable. Add an additional category as a child of "Top for Test quiz", called "New category 2" Confirm That the "Test quiz" heading now contains 3 categories, "Default for Test quiz", "New category 1" and "New category 2". Drag "New category 1" over "Default for Test quiz" Confirm that a [ + ]  drop target is shown next to the "Default for Test quiz" name Drag "New category 1" over the [ + ] drop target. Confirm that the drop target is highlighted, and the tooltip "As new child of Default for Test quiz" is shown. Drop "New category 1" Confirm That "New category 1" is now positioned as a child item of "Default for Test quiz" Drag "New category 2" just below "New category 1" Confirm that the bottom border of "New category 1" is highlighted. Drop "New category 2" Confirm that "New category 2" moves after "New category 1", as a second child of "Default for Test quiz" Drag "New category 2" just below "Default for Test quiz" Confirm that the bottom border of "Default for Test quiz" is highlighted. Drop "New category 2" Confirm  that "New category 2" is moved to the top level of the Test quiz list, outside of "Default for Test quiz". Drag "Default for Test quiz", moving the cursor over "New category 1". Confirm that you cannot drag-and-drop the category inside itself. Drag "Default for Test quiz" just below "Default for test course" and drop it. Confirm that the category and its child move to the "Test course" context. Click on "Edit > Move" in the "Default for Test quiz" category Confirm that you see a modal listing all of the positions the category can move to. Confirm that you do not see "Default for Test quiz" on the list Click "Before New category 2" Confirm that the category is moved back to its original position, at the top of the "Test quiz" list. Click on "Edit > Edit settings" in the "New category 2" category Edit the name, description and ID number and click "Save changes" Confirm that the updated name, description and id number are shown on the page. Click on "Edit > Delete" in the "New category 2" category Click the "Delete" button in the confirmation modal. Confirm that the category is deleted.

      As a part of the Quiz 4 project, the UI for managecagories will be upgraded according to the new wireframes. This tracker will address those changes.

      Some major UI changes will include:

      • Add category form in modal
      • Drag and drop to change the sort order of the categories
      • Drag and drop to move the category under another category
      • Clean UI to make it easier to manage the top and child categories in a context
      • Any other behat test related to the managecategory plugin that weren't done in MDL-71585

        1. Add category - adding existing idnumber.png
          43 kB
          Marc-Alexandre GHALY
        2. Add category view.png
          111 kB
          Marc-Alexandre GHALY
        3. Categories with same idnumber (after).png
          94 kB
          Marc-Alexandre GHALY
        4. Categories with same idnumber (during drag).png
          104 kB
          Marc-Alexandre GHALY
        5. Categories with same idnumber under different subcategories (before).png
          88 kB
          Marc-Alexandre GHALY
        6. Edit menu - Multiple subcategories.png
          55 kB
          Marc-Alexandre GHALY
        7. Edit menu - Single subcategory.png
          54 kB
          Marc-Alexandre GHALY
        8. Initial view.png
          75 kB
          Marc-Alexandre GHALY
        9. New category added - Description hidden.png
          77 kB
          Marc-Alexandre GHALY
        10. New category added - Description shown.png
          103 kB
          Marc-Alexandre GHALY
        11. categories-2021-11-25_13.13.11.mp4
          893 kB
          Guillermo Gomez Arias
        12. image-2022-03-04-21-15-51-516.png
          110 kB
          Safat Shahin
        13. image-2022-03-04-21-16-18-184.png
          105 kB
          Safat Shahin
        14. image-2022-03-04-21-16-58-846.png
          50 kB
          Safat Shahin
        15. image-2022-03-04-21-18-17-665.png
          110 kB
          Safat Shahin
        16. image-2022-03-04-21-18-34-773.png
          105 kB
          Safat Shahin
        17. image-2022-03-04-21-18-49-473.png
          50 kB
          Safat Shahin
        18. image-2022-03-04-21-18-58-908.png
          105 kB
          Safat Shahin
        19. image-2022-03-04-21-19-36-654.png
          45 kB
          Safat Shahin
        20. image-2022-03-04-21-19-46-490.png
          36 kB
          Safat Shahin
        21. image-2022-03-04-21-19-56-108.png
          27 kB
          Safat Shahin
        22. image-2022-03-04-21-20-11-676.png
          27 kB
          Safat Shahin
        23. image-2022-03-04-21-20-24-059.png
          36 kB
          Safat Shahin
        24. image-2022-03-04-21-20-33-079.png
          43 kB
          Safat Shahin
        25. image-2022-03-04-21-20-53-574.png
          4 kB
          Safat Shahin
        26. image-2022-03-04-21-20-59-398.png
          14 kB
          Safat Shahin
        27. 0001-MDL-72397-templates-Terminate-recursive-example-elem.patch
          4 kB
          Eloy Lafuente (stronk7)
        28. Edit categories _ MDL-72397 - Google Chrome 2024-04-15 10-59-57.mp4
          9.12 MB
          Brett Dalton
        29. image-2024-04-16-11-07-09-888.png
          350 kB
          Brett Dalton
        30. dd-mobile.mp4
          476 kB
          Shamim Rezaie
        31. 2024-06-07 , 11_47_51 - Edit categories _ MDL-72397 — Mozilla Firefox.png
          69 kB
          Przemek Kaszubski
        32. image-2024-08-23-10-58-34-733.png
          81 kB
          Amaia Anabitarte
        33. image-2024-08-23-11-00-34-073.png
          86 kB
          Amaia Anabitarte
        34. image-2024-08-23-11-01-05-211.png
          95 kB
          Amaia Anabitarte
        35. image-2024-08-23-11-02-12-248.png
          89 kB
          Amaia Anabitarte
        36. image-2024-08-23-11-02-55-730.png
          91 kB
          Amaia Anabitarte
        37. image-2024-08-23-11-05-06-379.png
          101 kB
          Amaia Anabitarte
        38. image-2024-08-23-11-06-13-001.png
          39 kB
          Amaia Anabitarte
        39. image-2024-08-23-11-08-11-573.png
          51 kB
          Amaia Anabitarte
        40. image-2024-08-23-11-08-25-916.png
          38 kB
          Amaia Anabitarte
        41. image-2024-08-23-11-10-16-139.png
          38 kB
          Amaia Anabitarte
        42. image-2024-08-23-11-11-18-944.png
          38 kB
          Amaia Anabitarte
        43. image-2024-08-23-11-13-58-937.png
          41 kB
          Amaia Anabitarte
        44. image-2024-08-23-11-14-55-136.png
          69 kB
          Amaia Anabitarte
        45. image-2024-08-23-11-15-31-313.png
          44 kB
          Amaia Anabitarte
        46. image-2024-08-23-11-16-17-421.png
          47 kB
          Amaia Anabitarte
        47. image-2024-08-23-11-16-46-932.png
          50 kB
          Amaia Anabitarte

            Votes:
            50 Vote for this issue
            Watchers:
            39 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 week, 1 day, 2 hours, 3 minutes
                1w 1d 2h 3m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.