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

Convert calendar view switching to AJAX

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      Setup

      For this test you will need to have or create few events in the calendar, preferable the current day and some days in the future.

      Testing view selector
      1. Log in as admin and go to Calendar.
      2. Note the new calendar view drop-down.
      3. It should display Month selected, click on the drop-down.
      4. Make sure Month is selected (blue background)
      5. Click Day option.
      6. Make sure the Day option is selected and if you click the drop-down it displays the day option in blue background.
      7. Make sure it loads the day view without reloading the whole page.
      8. Please, do a exploratory testing in the calendar (day view) adding events, switch between past and future days, edit events, remove events, select a course in the course drop-down, hidding/showing event types in the Event key block..
      9. Make sure the day view still behave as expected.
      10. Click Upcoming events option.
      11. Make sure it loads the Upcoming events view without reloading the whole page.
      12. Make sure the Upcoming events option is selected in the view drop-down and if you click in the drop-down it displays the Upcoming events option in blue background.
      13. Repeat that same exploratory testing done before, now in the Upcoming events view.
        • Please note there are no navigation between days in the upcoming view.
      14. Make sure the Upcoming events view works as expected.
      15. Click Month option.
      16. Make sure the Month option is selected and if you click the drop-down it displays the Month option in blue background.
      17. Make sure it loads the month view without reloading the whole page.
      18. Please, do a exploratory testing in the calendar (month view) adding events, switching between past and future months, edit events, remove events, opening event summary modal, selecting a course in the course drop-down... drag'n'drop of events between days and months, hidding/showing event types in the Event key block.
      19. Try switch between the views few times, chaging months, days... the calendar view should work as expected at any point.
      20. Change to the day view through the URL [http://\|http:]{{YOURSITE}}/integration_master/calendar/view.php?view=day}}
      21. Make sure Day is selected in the view drop-down and when you click on it, it shows Day in blue background.
      22. Change to the Upcoming events view through the URL: [http://\|http:]{{YOURSITE}}/integration_master/calendar/view.php?view=upcoming}}
      23. Make sure Upcoming events is selected in the calendar view drop-down and when you click on it, it shows Upcoming events in blue background.
      Testing AJAX day loading
      1. Go back to month view.
      2. Look for a day that contain at least one event
      3. Click on the day number link.
      4. Make sure the day view is loaded without reloading the whole page.
      5. Try filtering by courses, add events, switch days...
      6. Make sure it behaves as expected
      7. Now go back to Month view and note the three month block on the right side.
      8. Click on a day number link in the block
      9. Make sure it loads the requested day without reloading the whole page
      10. Click in a different day number
      11. Make sure the three month block gets refreshed.
      12. Make sure the correct day gets loaded without reloading the whole page
      UI changes
      1. Go to a course and add the calendar block (if you haven't already)
      2. Click on the month name link to go to course calendar
      3. Now, note the header is YOURCOURSE calendar:
      4. Go back to Site home and then go to Calendar.
      5. Look the header and make sure it displays just the Calendar word
      6. Look calendar's main region, make sure it does not display Calendar heading any more.
      7. Switch to upcoming in the view selector
      8. Make sure the view now has a new heading Upcoming events and it is centred
      9. Switch between views and make sure it does not display the strings:
        • Detailed month view for , Day view for and Upcoming events for.
      10. In all views, please make sure:
        • The calendar view and course are next to each other
        • In all views, the New event button is aligned to the right
      Show
      Setup For this test you will need to have or create few events in the calendar, preferable the current day and some days in the future. Testing view selector Log in as admin and go to Calendar. Note the new calendar view drop-down. It should display Month selected, click on the drop-down. Make sure Month is selected (blue background) Click Day option. Make sure the Day option is selected and if you click the drop-down it displays the day option in blue background. Make sure it loads the day view without reloading the whole page. Please, do a exploratory testing in the calendar (day view) adding events, switch between past and future days, edit events, remove events, select a course in the course drop-down, hidding/showing event types in the Event key block.. Make sure the day view still behave as expected. Click Upcoming events option. Make sure it loads the Upcoming events view without reloading the whole page. Make sure the Upcoming events option is selected in the view drop-down and if you click in the drop-down it displays the Upcoming events option in blue background. Repeat that same exploratory testing done before, now in the  Upcoming events view. Please note there are no navigation between days in the upcoming view. Make sure the Upcoming events  view works as expected. Click Month option. Make sure the Month option is selected and if you click the drop-down it displays the Month option in blue background. Make sure it loads the month view without reloading the whole page. Please, do a exploratory testing in the calendar ( month view) adding events, switching between past and future months, edit events, remove events, opening event summary modal, selecting a course in the course drop-down... drag'n'drop of events between days and months, hidding/showing event types in the Event key block. Try switch between the views few times, chaging months, days... the calendar view should work as expected at any point. Change to the day  view through the URL [http://\|http:] {{YOURSITE }}/integration_master/calendar/view.php?view=day}} Make sure Day is selected in the view drop-down and when you click on it, it shows Day in blue background. Change to the Upcoming events view through the URL:  [http://\|http:] {{YOURSITE }}/integration_master/calendar/view.php?view=upcoming}} Make sure Upcoming events is selected in the calendar view drop-down and when you click on it, it shows Upcoming events in blue background. Testing AJAX day loading Go back to month view. Look for a day that contain at least one event Click on the day number link. Make sure the day view is loaded without reloading the whole page. Try filtering by courses, add events, switch days... Make sure it behaves as expected Now go back to Month view and note the three month block on the right side. Click on a day number link in the block Make sure it loads the requested day without reloading the whole page Click in a different  day number Make sure the three month block gets refreshed. Make sure  the correct day gets loaded without reloading the whole page UI changes Go to a course and add the calendar block (if you haven't already) Click on the month name link to go to course calendar Now, note the header is YOURCOURSE calendar : Go back to Site home and then go to Calendar . Look the header and make sure it displays just the Calendar word Look calendar's main region, make sure it does not display Calendar heading any more. Switch to upcoming in the view selector Make sure the view now has a new heading Upcoming events and it is centred Switch between views and make sure it does not display the strings: Detailed month view for , Day view for and Upcoming events for . In all views, please make sure : The calendar view and course are next to each other In all views, the New event button is aligned to the right
    • Affected Branches:
      MOODLE_37_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-65671-master
    • Sprint:
      Internationals - 3.8 Sprint 1

      Description

      At the moment the whole page is reloaded when the user visit the day view.

      The idea is to convert that to AJAX refreshing the content without having to leave the page.

        Attachments

        1. calendar month view proposed selector location.png
          calendar month view proposed selector location.png
          59 kB
        2. course calendar header.png
          course calendar header.png
          14 kB
        3. Screenshot_1.png
          Screenshot_1.png
          184 kB
        4. Screenshot_2.png
          Screenshot_2.png
          225 kB
        5. Screenshot_3.png
          Screenshot_3.png
          214 kB
        6. Screenshot_4.png
          Screenshot_4.png
          84 kB
        7. Screenshot_5.png
          Screenshot_5.png
          141 kB

          Issue Links

            Activity

              People

              • Assignee:
                lameze Simey Lameze
                Reporter:
                lameze Simey Lameze
                Peer reviewer:
                Ryan Wyllie
                Integrator:
                Adrian Greeve
                Tester:
                Janelle Barcega
                Participants:
                Component watchers:
                Andrew Nicols, Mathew May, Michael Hawkins, Shamim Rezaie, Simey Lameze
              • Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  11/Nov/19

                  Time Tracking

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