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

Add emojis to messaging

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Upgrade test on unsupported MySQL version

      1. Before upgrading to this patch set up a Moodle site on a version of MySQL that doesn't have full Unicode support (i.e. having the collation set to "utf8_unicode_ci" instead of "utf8mb4_unicode_ci")
      2. Apply this patch and upgrade Moodle
      3. Log in as admin
      4. Go to the advanced features settings in the site administration
      5. CONFIRM that you can't enable the emoji picker setting. Instead you should have message that directs you to upgrade your database.
      6. Open the messaging drawer and view a conversation (self conversation is fine)
      7. CONFIRM that there is no emoji picker available in the conversation footer

      Test admin setting

      1. Upgrade your MySQL database according to the instructions in the admin setting (or just install a new site on a supported version of the database)
      2. Log in as admin
      3. Go to the advanced features settings in the site administration
      4. CONFIRM that you see an enable/disable checkbox for showing the emoji picker
      5. CONFIRM that if you enable the picker when you view a conversation you see the emoji picker in the footer of the conversation area
      6. CONFIRM that if you disable the picker when you view a conversation you do not see the emoji picker in the footer of the conversation area

      Emoji picker (Please test on each of the different supported browsers)

      General testing
      1. Open the emoji picker by clicking on the smiley face next to the message box
      2. CONFIRM that you can navigate to different categories using the category selectors at the top of the picker
      3. CONFIRM that you can scroll through the list of emojis
      4. CONFIRM that clicking an emoji inserts it at the cursor position in the text area and closes the picker
      5. CONFIRM that clicking anywhere outside of the picker closes it (if it's open)
      6. CONFIRM that hovering over an emoji shows a preview and the short name in the footer
      7. CONFRIM that if you tab into an emoji and give it focus that it shows the preview
      8. CONFIRM that hitting the escape key closes the picker, if the focus is in the picker
      Recent emojis
      1. Note: the recent emojis don't work if you have cachejs enabled in Moodle (nothing saves to local storage if that is enabled)
      2. CONFIRM that each time you select an emoji in the picker it is added to the list of emojis in the "Recent" category (first category)
      3. CONFIRM that it only remembers up to 21 emojis (3 rows)
      4. CONFIRM that clicking on an emoji in the recent list moves that emoji to the start of the list
      Search emojis
      1. Search for an emoji using it's short name
      2. CONFIRM that the search matches all parts of the short name, e.g. searching for "ile" should show results for "smile"
      3. CONFIRM that clearing the search term hides the results
      4. CONFIRM that clicking on an emoji in the search results adds it to the message text and to the list of recent emojis

      Emoji auto complete (Please test on each of the different supported browsers)

      1. Begin typing a message in the text area
      2. Trigger the auto complete menu by typing the colon ( : ) character
      3. CONFIRM that a single colon character will open the auto complete and show you the list of recent emojis
      4. Start typing to search for an emoji, e.g. :smi
      5. CONFIRM that the suggestion list is updated with new matches
      6. CONFIRM that you can use the left/right arrow keys to navigate through the list of suggestions
      7. CONFIRM that you can hit the escape key to close the list of suggestions
      8. CONFIRM that you can continue typing to open the suggestion again, e.g. press the l key so that you've got :smil
      9. CONFIRM that you can press the enter key to select one of the suggested emojis and it replaces the word you were typing in the text area
      10. Continue typing
      11. Type a full short name, e.g. :smile:
      12. CONFIRM that once you've added the second colon character it auto completes the short name into the actual emoji
      Show
      Upgrade test on unsupported MySQL version Before upgrading to this patch set up a Moodle site on a version of MySQL that doesn't have full Unicode support (i.e. having the collation set to " utf8_unicode_ci " instead of " utf8mb4_unicode_ci ") Apply this patch and upgrade Moodle Log in as admin Go to the advanced features settings in the site administration CONFIRM that you can't enable the emoji picker setting. Instead you should have message that directs you to upgrade your database. Open the messaging drawer and view a conversation (self conversation is fine) CONFIRM that there is no emoji picker available in the conversation footer Test admin setting Upgrade your MySQL database according to the instructions in the admin setting (or just install a new site on a supported version of the database) Log in as admin Go to the advanced features settings in the site administration CONFIRM that you see an enable/disable checkbox for showing the emoji picker CONFIRM that if you enable the picker when you view a conversation you see the emoji picker in the footer of the conversation area CONFIRM that if you disable the picker when you view a conversation you do not see the emoji picker in the footer of the conversation area Emoji picker (Please test on each of the different supported browsers) General testing Open the emoji picker by clicking on the smiley face next to the message box CONFIRM that you can navigate to different categories using the category selectors at the top of the picker CONFIRM that you can scroll through the list of emojis CONFIRM that clicking an emoji inserts it at the cursor position in the text area and closes the picker CONFIRM that clicking anywhere outside of the picker closes it (if it's open) CONFIRM that hovering over an emoji shows a preview and the short name in the footer CONFRIM that if you tab into an emoji and give it focus that it shows the preview CONFIRM that hitting the escape key closes the picker, if the focus is in the picker Recent emojis Note: the recent emojis don't work if you have cachejs enabled in Moodle (nothing saves to local storage if that is enabled) CONFIRM that each time you select an emoji in the picker it is added to the list of emojis in the "Recent" category (first category) CONFIRM that it only remembers up to 21 emojis (3 rows) CONFIRM that clicking on an emoji in the recent list moves that emoji to the start of the list Search emojis Search for an emoji using it's short name CONFIRM that the search matches all parts of the short name, e.g. searching for "ile" should show results for "smile" CONFIRM that clearing the search term hides the results CONFIRM that clicking on an emoji in the search results adds it to the message text and to the list of recent emojis Emoji auto complete (Please test on each of the different supported browsers) Begin typing a message in the text area Trigger the auto complete menu by typing the colon ( : ) character CONFIRM that a single colon character will open the auto complete and show you the list of recent emojis Start typing to search for an emoji, e.g. :smi CONFIRM that the suggestion list is updated with new matches CONFIRM that you can use the left/right arrow keys to navigate through the list of suggestions CONFIRM that you can hit the escape key to close the list of suggestions CONFIRM that you can continue typing to open the suggestion again, e.g. press the l key so that you've got :smil CONFIRM that you can press the enter key to select one of the suggested emojis and it replaces the word you were typing in the text area Continue typing Type a full short name, e.g. :smile: CONFIRM that once you've added the second colon character it auto completes the short name into the actual emoji
    • Affected Branches:
      MOODLE_37_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE
    • Pull Master Branch:
      MDL-65896-master
    • Story Points:
      3
    • Sprint:
      Sprint 3 - Investimerental, Sprint 7 - Race to the freeze

      Description

      Add emoji support to messaging as is common in most standard messaging services.

        Attachments

        1. android-chrome.png
          android-chrome.png
          143 kB
        2. IE-11-console.png
          IE-11-console.png
          23 kB
        3. image-2019-10-23-14-10-56-484.png
          image-2019-10-23-14-10-56-484.png
          561 kB
        4. ios-chrome.png
          ios-chrome.png
          434 kB
        5. Screenshot_1.png
          Screenshot_1.png
          266 kB
        6. Screenshot_2.png
          Screenshot_2.png
          199 kB
        7. screenshot-1.png
          screenshot-1.png
          9 kB
        8. screenshot-2.png
          screenshot-2.png
          62 kB
        9. screenshot-3.png
          screenshot-3.png
          124 kB
        10. Sierra-Emojis.png
          Sierra-Emojis.png
          180 kB

          Issue Links

            Activity

              People

              Assignee:
              ryanwyllie Ryan Wyllie
              Reporter:
              ryanwyllie Ryan Wyllie
              Peer reviewer:
              Jake Dallimore
              Integrator:
              Jun Pataleta
              Tester:
              Janelle Barcega
              Participants:
              Component watchers:
              Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona)
              Votes:
              3 Vote for this issue
              Watchers:
              13 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                18/Nov/19

                  Time Tracking

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