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

Upgrade Bootstrap to latest stable version

    XMLWordPrintable

Details

    • Task
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 4.2
    • 4.2
    • Themes
    • MOODLE_402_STABLE
    • MOODLE_402_STABLE
    • MDL-77277-master
    • Hide

      Setup

      1. Build SCSS and the component library:

        npx grunt scss componentlibrary
        

      Use 2 Moodle instances, one based on the integration branch including this patch, one on latests master. In both instances take these steps:

      Testing scenario 1: Test if all Boostrap JavaScript works

      1. Login as Admin
      2. Create a course C1
      3. Restore the attached backup to course C1
      4. Compare the restored book page by page with the other Moodle instance
      5. Verify the book content looks the same on both instances
      6. Verify the JS functionality works for: Alerts (dismiss), Buttons (remember state), Carousel (slide), Dropdown (show menu), Popover (show popover). Tooltips (show tooltip)
      7. Access to your apache logs (they use to be placed at /var/log/apache2/error.log) and check that there are no sass parse errors there.

      Testing scenario 2: Check logs

      1. Login as Admin
      2. Navigate to Site Administration -> Development -> Debugging
      3. Choose Developer.. at Debug messages
      4. Tick the Display debug messages checkbox
      5. Open a console showing your web server / PHP log files (they use to be placed at /var/log/apache2/access.log and /var/log/apache2/error.log)
      6. Navigate to Site Administration -> Development -> Purge Caches
      7. Navigate to the Site Homepage
      8. Wait for the page to load and rebuild caches
      9. Check log files (access.log and error.log) doesn't contain errors.

      Component library

      1. Navigate to site admin -> Developerment -> UI Component Library
      2. Browse pages in Moodle and Bootstrap
        1. Confirm that they appear without any unexpected artefacts
      Show
      Setup Build SCSS and the component library: npx grunt scss componentlibrary Use 2 Moodle instances, one based on the integration branch including this patch, one on latests master. In both instances take these steps: Testing scenario 1: Test if all Boostrap JavaScript works Login as Admin Create a course C1 Restore the attached backup to course C1 Compare the restored book page by page with the other Moodle instance Verify  the book content looks the same on both instances Verify the JS functionality works for: Alerts (dismiss), Buttons (remember state), Carousel (slide), Dropdown (show menu), Popover (show popover). Tooltips (show tooltip) Access to your apache logs (they use to be placed at /var/log/apache2/error.log) and check that there are no sass parse errors there. Testing scenario 2: Check logs Login as Admin Navigate to Site Administration -> Development -> Debugging Choose Developer.. at Debug messages Tick the Display debug messages checkbox Open a console showing your web server / PHP log files (they use to be placed at /var/log/apache2/access.log and /var/log/apache2/error.log) Navigate to Site Administration -> Development -> Purge Caches Navigate to the Site Homepage Wait for the page to load and rebuild caches Check  log files (access.log and error.log) doesn't contain errors. Component library Navigate to site admin -> Developerment -> UI Component Library Browse pages in Moodle and Bootstrap Confirm that they appear without any unexpected artefacts

    Description

      We are currently using Bootstrap 4.6.0
      We should update to 4.6.2 which will allow us to switch scss compliation to scss on CLI, which is possible on both x86 and arm chipsets.

      Attachments

        Issue Links

          Activity

            People

              skodak Petr Skoda
              dobedobedoh Andrew Lyons
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Andrew Lyons Andrew Lyons
              Kim Jared Lucas Kim Jared Lucas
              Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                24/Apr/23

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 4 hours, 46 minutes
                  4h 46m