Details

    • Testing Instructions:
      Hide

      Preparation:

      • Configure your Front Page to have:
        • List of categories
        • Combo list
      • Set maximum category depth to 2
      • Ensure you have a few courses and categories, nested (preferably lots)

      Assuming you set everything up correctly, your front page category list should show:

      • Top level Category
        • Second level category

      And the Combo list should show:

      • Top level Category
        • Second level category
        • Any courses in the top level category

      Functionality (categories):

      • Click on the collapse toggle for the Top Level category
        • Confirm it collapses with style
        • Confirm it re-opens in a similar way
      • Expand the next closed category (second level)
        • Confirm that a spinner was shown
        • Confirm that the spinner disappeared when the animation ran
        • Confirm that the spinner has disappeared from the DOM (In the h3/h4)
        • Confirm that the correct courses were displayed
      • Close that category
        • Confirm that no spinner was shown
        • Confirm that the category closed with animation
      • Reopen it
      • Collapse the top level category
        • Confirm that all categories collapsed correctly with animation
      • Reopen it
        • Confirm that the categories previously open re-opened correctly with animation
      • Expand another category which is currently collapsed
      • Repeat the previous set of tests
      • Open "All courses" page, the categories should behave the same there

      Functionality (courses):

      • Make sure in combo list some/all courses have ( i ) icon on the right. If they don't add summary to the courses or enroll teachers
      • Click on ( i ) icon, make sure it toggles the course summary
      • Repeat for courses in subcategories that were not initially present on page but loaded in AJAX

      Collapse/expand all:

      • Open any big form with collapsible form sections (i.e. edit course)
      • Make sure you can expand/collapse form sections by clicking on the section name and using "expand all"/"collapse all" links on top
      • Make sure collapse/expand all work for categories list as well

      Check that expand/collapse works smoothly in Clean, Standard and maybe some other themes

      Show
      Preparation: Configure your Front Page to have: List of categories Combo list Set maximum category depth to 2 Ensure you have a few courses and categories, nested (preferably lots) Assuming you set everything up correctly, your front page category list should show: Top level Category Second level category And the Combo list should show: Top level Category Second level category Any courses in the top level category Functionality (categories): Click on the collapse toggle for the Top Level category Confirm it collapses with style Confirm it re-opens in a similar way Expand the next closed category (second level) Confirm that a spinner was shown Confirm that the spinner disappeared when the animation ran Confirm that the spinner has disappeared from the DOM (In the h3/h4) Confirm that the correct courses were displayed Close that category Confirm that no spinner was shown Confirm that the category closed with animation Reopen it Collapse the top level category Confirm that all categories collapsed correctly with animation Reopen it Confirm that the categories previously open re-opened correctly with animation Expand another category which is currently collapsed Repeat the previous set of tests Open "All courses" page, the categories should behave the same there Functionality (courses): Make sure in combo list some/all courses have ( i ) icon on the right. If they don't add summary to the courses or enroll teachers Click on ( i ) icon, make sure it toggles the course summary Repeat for courses in subcategories that were not initially present on page but loaded in AJAX Collapse/expand all: Open any big form with collapsible form sections (i.e. edit course) Make sure you can expand/collapse form sections by clicking on the section name and using "expand all"/"collapse all" links on top Make sure collapse/expand all work for categories list as well Check that expand/collapse works smoothly in Clean, Standard and maybe some other themes
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-38661-m-wip

      Description

      Following MDL-37009, this adds an AJAX loader for all category listings. It will:

      • fetch child content if it was not loaded on the page already;
      • expand and collapse child content (categories, and optionally courses);
      • apply animations to ensure that the interface is not jarring.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                9 Vote for this issue
                Watchers:
                21 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  18/Nov/13