Copy-pasted IntegrationTestBase from Mentoring XBlock and beat it up to local needs.

Extracted plain and HTML'ed xblock definitions into data files.

tests/integration/data/drag_and_drop-whats_up.json

+{
+  "zones": [
+    {
+      "index": 1,
+      "width": 200,
+      "title": "Zone A",
+      "height": 100,
+      "y": "200",
+      "x": "100",
+      "id": "zone-1"
+    },
+    {
+      "index": 2,
+      "width": 200,
+      "title": "Zone B",
+      "height": 100,
+      "y": 0,
+      "x": 0,
+      "id": "zone-2"
+    }
+  ],
+  "items": [
+    {
+      "displayName": "A",
+      "feedback": {
+        "incorrect": "No A",
+        "correct": "Yes A"
+      },
+      "zone": "Zone A",
+      "backgroundImage": "",
+      "id": 0,
+      "size": {
+        "width": "190px",
+        "height": "auto"
+      }
+    },
+    {
+      "displayName": "B",
+      "feedback": {
+        "incorrect": "No B",
+        "correct": "Yes B"
+      },
+      "zone": "Zone B",
+      "backgroundImage": "",
+      "id": 1,
+      "size": {
+        "width": "190px",
+        "height": "auto"
+      }
+    },
+    {
+      "displayName": "X",
+      "feedback": {
+        "incorrect": "",
+        "correct": ""
+      },
+      "zone": "none",
+      "backgroundImage": "",
+      "id": 2,
+      "size": {
+        "width": "100px",
+        "height": "100px"
+      }
+    },
+    {
+      "displayName": "",
+      "feedback": {
+        "incorrect": "",
+        "correct": ""
+      },
+      "zone": "none",
+      "backgroundImage": "http://i1.kym-cdn.com/entries/icons/square/000/006/151/tumblr_lltzgnHi5F1qzib3wo1_400.jpg",
+      "id": 3,
+      "size": {
+        "width": "190px",
+        "height": "auto"
+      }
+    }
+  ],
+  "state": {
+    "items": {},
+    "finished": true
+  },
+  "feedback": {
+    "start": "Intro Feed",
+    "finish": "Final Feed"
+  },
+  "targetImg": "http://i0.kym-cdn.com/photos/images/newsfeed/000/030/404/1260585284155.png"
+}

tests/integration/data/drag_and_drop_html-whats_up.json

+{
+  "zones": [
+    {
+      "index": 1,
+      "width": 200,
+      "title": "Zone <i>A</i>",
+      "height": 100,
+      "y": "200",
+      "x": "100",
+      "id": "zone-1"
+    },
+    {
+      "index": 2,
+      "width": 200,
+      "title": "Zone <b>B</b>",
+      "height": 100,
+      "y": 0,
+      "x": 0,
+      "id": "zone-2"
+    }
+  ],
+  "items": [
+    {
+      "displayName": "<b>A</b>",
+      "feedback": {
+        "incorrect": "No <b>A</b>",
+        "correct": "Yes <b>A</b>"
+      },
+      "zone": "Zone <i>A</i>",
+      "backgroundImage": "",
+      "id": 0,
+      "size": {
+        "width": "190px",
+        "height": "auto"
+      }
+    },
+    {
+      "displayName": "<i>B</i>",
+      "feedback": {
+        "incorrect": "No <i>B</i>",
+        "correct": "Yes <i>B</i>"
+      },
+      "zone": "Zone <b>B</b>",
+      "backgroundImage": "",
+      "id": 1,
+      "size": {
+        "width": "190px",
+        "height": "auto"
+      }
+    },
+    {
+      "displayName": "X",
+      "feedback": {
+        "incorrect": "",
+        "correct": ""
+      },
+      "zone": "none",
+      "backgroundImage": "",
+      "id": 2,
+      "size": {
+        "width": "100px",
+        "height": "100px"
+      }
+    },
+    {
+      "displayName": "",
+      "feedback": {
+        "incorrect": "",
+        "correct": ""
+      },
+      "zone": "none",
+      "backgroundImage": "http://i1.kym-cdn.com/entries/icons/square/000/006/151/tumblr_lltzgnHi5F1qzib3wo1_400.jpg",
+      "id": 3,
+      "size": {
+        "width": "190px",
+        "height": "auto"
+      }
+    }
+  ],
+  "state": {
+    "items": {},
+    "finished": true
+  },
+  "feedback": {
+    "start": "Intro Feed",
+    "finish": "Final <b>Feed</b>"
+  },
+  "targetImg": "http://i0.kym-cdn.com/photos/images/newsfeed/000/030/404/1260585284155.png"
+}

tests/integration/test_base.py

+# Imports ###########################################################
+
+from workbench import scenarios
+from workbench.test.selenium_test import SeleniumTest
+
+from tests.utils import load_scenarios_from_path
+
+
+# Classes ###########################################################
+
+class BaseIntegrationTest(SeleniumTest):
+
+    def setUp(self):
+        super(BaseIntegrationTest, self).setUp()
+
+        # Use test scenarios
+        self.browser.get(self.live_server_url) # Needed to load tests once
+        scenarios.SCENARIOS.clear()
+        scenarios_list = load_scenarios_from_path('integration/data')
+        for identifier, title, xml in scenarios_list:
+            scenarios.add_xml_scenario(identifier, title, xml)
+            self.addCleanup(scenarios.remove_scenario, identifier)
+
+        # Suzy opens the browser to visit the workbench
+        self.browser.get(self.live_server_url)
+
+        # She knows it's the site by the header
+        header1 = self.browser.find_element_by_css_selector('h1')
+        self.assertEqual(header1.text, 'XBlock scenarios')
+
+    def go_to_page(self, page_name, css_selector='div.mentoring'):
+        """
+        Navigate to the page `page_name`, as listed on the workbench home
+        Returns the DOM element on the visited page located by the `css_selector`
+        """
+        self.browser.get(self.live_server_url)
+        self.browser.find_element_by_link_text(page_name).click()
+        mentoring = self.browser.find_element_by_css_selector(css_selector)
+        return mentoring
\ No newline at end of file

tests/utils.py

+import os
+import pkg_resources
+from xml.sax.saxutils import escape
+
+def load_resource(resource_path):
+    """
+    Gets the content of a resource
+    """
+    resource_content = pkg_resources.resource_string(__name__, resource_path)
+    return unicode(resource_content)
+
+
+def make_scenario_from_data(data, display_name, question_text, completed):
+    return """
+<vertical_demo>
+    <drag-and-drop-v2
+        display_name='{display_name}' question_text='{question_text}'
+        weight='1' completed='{completed}'
+        data='{data}'
+    />
+</vertical_demo>
+""".format(data=escape(data), display_name=display_name, question_text=question_text, completed=completed)
+
+def format_name(raw_name):
+    return raw_name.replace('_', ' ').title()
+
+
+def get_scenarios_from_path(scenarios_path, include_identifier=False):
+    """
+    Returns an array of (title, xmlcontent) from files contained in a specified directory,
+    formatted as expected for the return value of the workbench_scenarios() method
+    """
+    base_fullpath = os.path.dirname(os.path.realpath(__file__))
+    scenarios_fullpath = os.path.join(base_fullpath, scenarios_path)
+
+    scenarios = []
+    if os.path.isdir(scenarios_fullpath):
+        for template in os.listdir(scenarios_fullpath):
+            if not template.endswith('.json'):
+                continue
+            identifier = template[:-5]
+            block_title, question_text = map(format_name, identifier.split('-'))
+            title = identifier.replace('_', ' ').replace('-', ' ').title()
+            template_path = os.path.join(scenarios_path, template)
+            scenario = make_scenario_from_data(load_resource(template_path), block_title, question_text, False)
+            if not include_identifier:
+                scenarios.append((title, scenario))
+            else:
+                scenarios.append((identifier, title, scenario))
+
+    return scenarios
+
+
+def load_scenarios_from_path(scenarios_path):
+    """
+    Load all xml files contained in a specified directory, as workbench scenarios
+    """
+    return get_scenarios_from_path(scenarios_path, include_identifier=True)
\ No newline at end of file