EZEE-2950: Inject drag-mock using Webpack Encore

Resources/encore/ez.config.manager.js

@@ -0,0 +1,23 @@
+const path = require('path');
+
+module.exports = (eZConfig, eZConfigManager) => {
+    if (!eZConfig.entry['ezplatform-page-builder-edit-js'] || !eZConfig.entry['ezplatform-form-builder-common-js']) {
+        return;
+    }
+
+    const dragMockScriptPath = '../public/js/scripts/drag-mock.js';
+    eZConfigManager.add({
+        eZConfig,
+        entryName: 'ezplatform-page-builder-edit-js',
+        newItems: [
+            path.resolve(__dirname, dragMockScriptPath),
+        ],
+    });
+    eZConfigManager.add({
+        eZConfig,
+        entryName: 'ezplatform-form-builder-common-js',
+        newItems: [
+            path.resolve(__dirname, dragMockScriptPath),
+        ],
+    });
+};

doc/features.md

@@ -8,7 +8,7 @@ See [BehatBundle examples](https://github.com/ezsystems/BehatBundle/tree/7.0/fea
 - create Users with complex permissions
 - create given YAML configuration
 
-## Logging into the repository
+### Logging into the repository
 
 Use the [TestContext](../Context/Api/TestContext.php) to log in to the Repository and perform API calls as given user. You can tag your scenario with `@admin` to be automatically logged in as admin user before the scenario starts.
 
@@ -18,6 +18,12 @@ Look at [AdminUI feature files](https://github.com/ezsystems/ezplatform-admin-ui
 - `EzSystems\EzPlatformAdminUi\Behat\Helper\Hooks`
 - `EzSystems\EzPlatformAdminUi\Behat\Helper\UtilityContext`
 
+#### Improved drag and drop
+
+Selenium does not support drag and drop interactions between iframes. To achieve that you can use the `UtilityContext::moveWithHover` method (which also supports hover simulation between the actions). See the [drag-mock documentation](https://github.com/andywer/drag-mock#browser) (the library we use behind the scenes) for more information.
+
+Before you start using that you need to inject the [drag-mock script](../Resources/public/js/scripts/drag-mock.js) into your templates: one way of doing this is described in [Webpack Encore configuration doc](https://doc.ezplatform.com/en/latest/guide/bundles/#configuration-from-a-bundle). For an example see [ez.config.manager.js](../Resources/encore/ez.config.manager.js).
+
 ## BehatBundle extension
 
 With `EzBehatExtension` enabled you can inject services into your Context classes using the `@injectService` annotation.