Proyectos de Subversion Moodle

@editor @editor_tiny @tiny_h5p @javascript

Feature: Use the TinyMCE editor to upload an h5p package

    In order to work with h5p

    As a content creator

    I need to be able to embed H5P packages

  Background:

    Given the following "courses" exist:

      | shortname | fullname |

      | C1        | Course 1 |

    And the following "users" exist:

      | username | firstname | lastname | email                |

      | teacher1 | Teacher   | 1        | teacher1@example.com |

    And the following "course enrolments" exist:

      | user     | course | role           |

      | teacher1 | C1     | editingteacher |

    And the following "activities" exist:

      | activity | name      | intro     | introformat | course | content | contentformat | idnumber |

      | page     | PageName1 | PageDesc1 | 1           | C1     | H5Ptest | 1             | 1        |

    And the "displayh5p" filter is "on"

    And the following config values are set as admin:

      | allowedsources | https://moodle.h5p.com/content/[id] | filter_displayh5p |

  @javascript @external

  Scenario: TinyMCE can be used to embed an H5P activity

    Given I change window size to "large"

    And I am on the PageName1 "page activity editing" page logged in as admin

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I set the field "H5P URL or file upload" to "https://moodle.h5p.com/content/1290772960722742119"

    And I click on "Insert H5P content" "button" in the "Insert H5P content" "dialogue"

    When I click on "Save and display" "button"

    Then ".h5p-placeholder" "css_element" should exist

    And I switch to "h5pcontent" iframe

    And I should see "Lorum ipsum"

  @javascript

  Scenario: TinyMCE can be used to upload and embed an H5P activity

    Given the following "user private file" exists:

      | user     | admin                                   |

      | filepath | h5p/tests/fixtures/guess-the-answer.h5p |

    And I change window size to "large"

    And I am on the "PageName1" "page activity editing" page logged in as "admin"

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I click on "Browse repositories..." "button" in the "Insert H5P content" "dialogue"

    And I click on "Private files" "link" in the ".fp-repo-area" "css_element"

    And I click on "guess-the-answer.h5p" "link"

    And I click on "Select this file" "button"

    And I click on "Insert H5P content" "button" in the "Insert H5P content" "dialogue"

    When I click on "Save and display" "button"

    Then ".h5p-placeholder" "css_element" should exist

  @javascript

  Scenario: Permissions can be configured to control access to H5P

    Given the following "users" exist:

      | username | firstname | lastname | email                |

      | teacher2 | Teacher   | 2        | teacher2@example.com |

    And the following "roles" exist:

      | name           | shortname | description         | archetype      |

      | Custom teacher | custom1   | Limited permissions | editingteacher |

    And the following "course enrolments" exist:

      | user     | course | role    |

      | teacher2 | C1     | custom1 |

    And the following "activity" exists:

      | activity | assign          |

      | course   | C1              |

      | name     | Test assignment |

    And the following "permission overrides" exist:

      | capability   | permission | role    | contextlevel | reference |

      | tiny/h5p:use | Prohibit   | custom1 | Course       | C1        |

    # Check plugin access as a role with prohibited permissions.

    And I log in as "teacher2"

    And I am on the "Test assignment" Activity page

    And I navigate to "Settings" in current page administration

    When I click on the "Insert" menu item for the "Activity instructions" TinyMCE editor

    Then I should not see "Insert H5P content"

    # Check plugin access as a role with allowed permissions.

    And I log in as "teacher1"

    And I am on the "Test assignment" Activity page

    And I navigate to "Settings" in current page administration

    And I click on the "Insert" menu item for the "Activity instructions" TinyMCE editor

    And I should see "Insert H5P content"

  @javascript

  Scenario: When a user does not have the Upload H5P capability, they can embed but not upload H5P content with TinyMCE

    Given the following "permission overrides" exist:

      | capability        | permission | role           | contextlevel | reference |

      | moodle/h5p:deploy | Prohibit   | editingteacher | Course       | C1        |

    When I am on the PageName1 "page activity editing" page logged in as teacher1

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    Then I should not see "H5P file upload" in the "Insert H5P content" "dialogue"

    And I should see "H5P URL" in the "Insert H5P content" "dialogue"

    And I should not see "H5P options" in the "Insert H5P content" "dialogue"

  @javascript @external

  Scenario: A user can edit H5P content embedding with TinyMCE

    Given the following "user private file" exists:

      | user     | admin                       |

      | filepath | h5p/tests/fixtures/drag.h5p |

    And I am on the "PageName1" "page activity editing" page logged in as "admin"

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I click on "Browse repositories..." "button" in the "Insert H5P content" "dialogue"

    And I click on "Private files" "link" in the ".fp-repo-area" "css_element"

    And I click on "drag" "link"

    And I click on "Select this file" "button"

    And I click on "Insert H5P content" "button" in the "Insert H5P content" "dialogue"

    When I click on "Save and display" "button"

    And I switch to "h5pcontent" iframe

    And I switch to "h5p-iframe" class iframe

    Then I should not see "reveal"

    And I should see "Cloudberries"

    And I switch to the main frame

    And I navigate to "Settings" in current page administration

    And I select the ".h5p-placeholder" "css_element" in the "Page content" TinyMCE editor

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I set the field "H5P URL or file upload" to "https://moodle.h5p.com/content/1290772960722742119"

    And I click on "Insert H5P" "button" in the "Insert H5P content" "dialogue"

    And I wait "1" seconds

    And I click on "Save and display" "button"

    And I switch to "h5pcontent" iframe

    And I should see "Lorum ipsum"

    And I should not see "Cloudberries"

  @javascript

  Scenario: Enable/disable H5P options tiny

    Given the following "user private file" exists:

      | user     | admin                                   |

      | filepath | h5p/tests/fixtures/guess-the-answer.h5p |

    And I am on the "PageName1" "page activity editing" page logged in as "admin"

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I click on "Browse repositories..." "button" in the "Insert H5P content" "dialogue"

    And I click on "Private files" "link" in the ".fp-repo-area" "css_element"

    And I click on "guess-the-answer.h5p" "link"

    And I click on "Select this file" "button"

    And I click on "Insert H5P" "button" in the "Insert H5P content" "dialogue"

    When I click on "Save and display" "button"

    And I switch to "h5pcontent" iframe

    And I switch to "h5p-iframe" class iframe

    Then ".h5p-actions" "css_element" should not exist

    And I switch to the main frame

    And I navigate to "Settings" in current page administration

    And I select the ".h5p-placeholder" "css_element" in the "Page content" TinyMCE editor

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I click on "H5P options" "link"

    And I click on "Allow download" "checkbox"

    And I click on "Insert H5P" "button" in the "Insert H5P content" "dialogue"

    And I wait "1" seconds

    And I click on "Save and display" "button"

    And I switch to "h5pcontent" iframe

    And I switch to "h5p-iframe" class iframe

    And "Reuse" "text" should exist in the ".h5p-actions" "css_element"

    And I should not see "Embed"

    And I should not see "Rights of use"

    And I switch to the main frame

    And I navigate to "Settings" in current page administration

    And I select the ".h5p-placeholder" "css_element" in the "Page content" TinyMCE editor

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I click on "Allow download" "checkbox"

    And I click on "Embed button" "checkbox"

    And I click on "Copyright button" "checkbox"

    And I click on "Insert H5P" "button" in the "Insert H5P content" "dialogue"

    And I wait "1" seconds

    And I click on "Save and display" "button"

    And I switch to "h5pcontent" iframe

    And I switch to "h5p-iframe" class iframe

    And "Reuse" "text" should not exist in the ".h5p-actions" "css_element"

    And I should see "Embed"

    And I should see "Rights of use"

  @javascript @external

  Scenario: H5P options are ignored for H5P URLs

    Given I change window size to "large"

    And I am on the PageName1 "page activity editing" page logged in as admin

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I set the field "H5P URL or file upload" to "https://moodle.h5p.com/content/1291366510035871129"

    And I click on "H5P options" "link"

    And I click on "Embed button" "checkbox"

    And I click on "Insert H5P content" "button" in the "Insert H5P content" "dialogue"

    When I click on "Save and display" "button"

    Then ".h5p-placeholder" "css_element" should exist

    And I switch to "h5pcontent" iframe

    And I should see "Far far away"

    And I should not see "Embed"

    And I switch to the main frame

    And I navigate to "Settings" in current page administration

    And I select the ".h5p-placeholder" "css_element" in the "Page content" TinyMCE editor

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I click on "H5P options" "link"

    And the field "Embed button" matches value "1"

  @javascript

  Scenario: Enable/disable display options

    Given the following "user private file" exists:

      | user     | admin                                   |

      | filepath | h5p/tests/fixtures/guess-the-answer.h5p |

    When I am on the "PageName1" "page activity editing" page logged in as "admin"

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    Then "Auto-play in the mobile app" "field" should exist

    And the field "Auto-play in the mobile app" matches value "0"

    And I click on "Browse repositories..." "button" in the "Insert H5P content" "dialogue"

    And I click on "Private files" "link" in the ".fp-repo-area" "css_element"

    And I click on "guess-the-answer.h5p" "link"

    And I click on "Select this file" "button"

    And I click on "Display options" "link"

    And I click on "Auto-play in the mobile app" "checkbox"

    And I click on "Insert H5P" "button" in the "Insert H5P content" "dialogue"

    And I click on "Save and display" "button"

    And ".h5p-placeholder[data-mobileapp-autoplay=true]" "css_element" should exist

    And I navigate to "Settings" in current page administration

    And I select the ".h5p-placeholder" "css_element" in the "Page content" TinyMCE editor

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And the field "Auto-play in the mobile app" matches value "1"

    And I click on "Auto-play in the mobile app" "checkbox"

    And I click on "Insert H5P" "button" in the "Insert H5P content" "dialogue"

    And I wait "1" seconds

    And I click on "Save and display" "button"

    And ".h5p-placeholder:not([data-mobileapp-autoplay=true])" "css_element" should exist

    And I navigate to "Settings" in current page administration

    And I select the ".h5p-placeholder" "css_element" in the "Page content" TinyMCE editor

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And the field "Auto-play in the mobile app" matches value "0"

  @javascript

  Scenario: Private H5P files are shown to students

    Given the following "users" exist:

      | username | firstname | lastname | email                |

      | student1 | Student   | 1        | student1@example.com |

    And the following "course enrolments" exist:

      | user     | course | role    |

      | student1 | C1     | student |

    And the following "user private file" exists:

      | user     | admin                                   |

      | filepath | h5p/tests/fixtures/guess-the-answer.h5p |

    And I am on the "PageName1" "page activity editing" page logged in as "admin"

    And I click on the "Insert H5P content" button for the "Page content" TinyMCE editor

    And I click on "Browse repositories..." "button" in the "Insert H5P content" "dialogue"

    And I click on "Private files" "link" in the ".fp-repo-area" "css_element"

    And I click on "guess-the-answer.h5p" "link"

    And I click on "Select this file" "button"

    And I click on "Insert H5P content" "button" in the "Insert H5P content" "dialogue"

    And I click on "Save and display" "button"

    When I am on the PageName1 "page activity" page logged in as student1

    Then I switch to "h5pcontent" iframe

    And I switch to "h5p-iframe" class iframe

    And I should see "reveal"