Initial setup

1. Go to question bank and import the question questions-drag-drop-image.xml

Testing for Drag and Drop onto image

1. Login as admin > Go to any course > Go to the question bank
2. Create the new 'Drag and Drop onto image' question OR import the sample question questions-drag-drop-image.xml 
3. Go to the editing page of the question created above
4. Observe the 'Drop zones' section
5. Verify the new setting option added
Expected: The new Drop zone visibility option be added to the editing page

• Label: Drop zone visibility - Help icon
• Type: Dropdown list - Value: Hide drop zones/Show drop zones
• Help text inside the Help icon: Setting 'Hide drop zones' will make them invisible when the question is attempted. However, drag items will still snap to nearby drop zones. This setting is recommended if you have images over an image background and the normal drop zone indicators are not desired. Drop zone borders will remain visible while editing to help with placement.

6. Verify the Drop zone visibility options apply for the Preview section:

• • Show drop zones:* At default, the existing behaviour should display as usual without transparency. 
    
  • Hide drop zones:* All draggable items and defined drop zones will have an opacity of 0, meaning they’ll be fully transparent. However, the border of the draggable items will remain visible to show the position of the drop zones.
    

7. Clicking on 'Save changes and continue editing' OR 'Save changes' button 
8. Go to the Preview question page
9. Verify the dropzone's behaviour depending on which value is selected for the 'Drop zone visibility'.

• If the option is chosen as Show drop zones: At default, the existing behaviour should display as usual without transparency. 
  
• If the option is chosen as Hide drop zones: 
  When hovering or dragging and dropping the item should be transparent (opacity of 0)
  When dragged into the dropzone, the item should be transparent and the border of the background should be hidden
  

Code verified against automated checks with warnings.

Checked MDL-60910 using repository: https://github.com/danghieu1407/moodle

• main (0 errors / 2 warnings) [branch: MDL-60910-master | CI Job]
  • overview (0/0), phplint (0/0), phpcs (0/0), js (0/0), css (0/0), phpdoc (0/0), commit (0/0), savepoint (0/0), thirdparty (0/0), externalbackup (0/2), grunt (0/0), shifter (0/0), mustache (0/0), gherkin (0/0),

Should these errors be fixed?

Built on: Wed Feb 5 07:20:05 AM UTC 2025

Launching automatic jobs for branch MDL-60910-master

• https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61246/ Behat (NonJS - boost and classic / --tags @qtype,@core_question,@qbank,@mod_quiz)
• https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61247/ Behat (Firefox - boost / --tags @qtype,@core_question,@qbank,@mod_quiz)
• https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61248/ Behat (Firefox - classic / --tags @qtype,@core_question,@qbank,@mod_quiz)
• https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/61249/ App tests (stable app version) / --tags @qtype,@core_question,@qbank,@mod_quiz)

Built on: Thu Jan 16 08:54:23 UTC 2025