Skip to content

E
edx-platform
Commit 37da3999 by cahrens
Options

Update unit test based on changes in master.

parent 8e00f6dc
Showing with 292 additions and 388 deletions
CHANGELOG.rst
......@@ -5,6 +5,8 @@ These are notable changes in edx-platform. This is a rolling list of changes,
in roughly chronological order, most recent first. Add your entries at or near
the top. Include a label indicating the component affected.
Studio: Add drag-and-drop support to the container page. STUD-1309.
Common: Add extensible third-party auth module.
Blades: Handle situation if no response were sent from XQueue to LMS in Matlab
......
cms/static/js/spec/views/container_spec.js
define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/models/xblock_info",
define([ "jquery", "js/spec_helpers/create_sinon", "URI", "js/views/container", "js/models/xblock_info",
"js/views/feedback_notification", "jquery.simulate",
"xmodule", "coffee/src/main", "xblock/cms.runtime.v1"],
function ($, create_sinon, URI, ContainerView, XBlockInfo, Notification) {
......@@ -7,24 +7,26 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
describe("Supports reordering components", function () {
var model, containerView, mockContainerHTML, respondWithMockXBlockFragment;
var model, containerView, mockContainerHTML, respondWithMockXBlockFragment,
init, dragHandle, verifyRequest, verifyNumReorderCalls, respondToRequest,
// TODO: this will all need to be updated according to Andy's mock HTML,
// and locators should be draft.
var splitTestUrl = "/xblock/ccc.dd.ee/branch/draft/block/AB_Test";
rootLocator = 'testCourse/branch/draft/split_test/splitFFF',
containerTestUrl = '/xblock/' + rootLocator,
var groupAUrl = "/xblock/ccc.dd.ee/branch/published/block/group_a";
var groupA = "ccc.dd.ee/branch/published/block/group_a";
var groupAText = "ccc.dd.ee/branch/published/block/html_4658c0f4c400";
var groupAVideo = "ccc.dd.ee/branch/published/block/group_a_video";
groupAUrl = "/xblock/locator-group-A",
groupA = "locator-group-A",
groupAComponent1 = "locator-component-A1",
groupAComponent2 = "locator-component-A2",
groupAComponent3 = "locator-component-A3",
var groupBUrl = "/xblock/ccc.dd.ee/branch/published/block/group_b";
var groupB = "ccc.dd.ee/branch/published/block/group_b";
var groupBText = "ccc.dd.ee/branch/published/block/html_b5c18016d991";
var groupBProblem = "ccc.dd.ee/branch/published/block/Checkboxes";
groupBUrl = "/xblock/locator-group-B",
groupB = "locator-group-B",
groupBComponent1 = "locator-component-B1",
groupBComponent2 = "locator-component-B2",
groupBComponent3 = "locator-component-B3";
// TODO: switch to using Andy's mock container view files (which uses mock xblocks).
mockContainerHTML = readFixtures('mock/mock-container.underscore');
rootLocator = 'testCourse/branch/draft/split_test/splitFFF';
mockContainerHTML = readFixtures('mock/mock-container-xblock.underscore');
respondWithMockXBlockFragment = function (requests, response) {
var requestIndex = requests.length - 1;
......@@ -32,15 +34,17 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
};
beforeEach(function () {
setFixtures('<div class="wrapper-xblock level-page" data-locator="' + rootLocator + '"></div>');
model = new XBlockInfo({
id: 'testCourse/branch/draft/split_test/splitFFF',
id: rootLocator,
display_name: 'Test AB Test',
category: 'split_test'
});
containerView = new ContainerView({
model: model,
view: 'container_preview'
view: 'container_preview',
el: $('.wrapper-xblock')
});
});
......@@ -48,7 +52,7 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
containerView.remove();
});
var init = function (caller) {
init = function (caller) {
var requests = create_sinon.requests(caller);
containerView.render();
......@@ -61,27 +65,29 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
return requests;
};
var dragHandle = function (index, dy) {
containerView.$el.find(".drag-handle:eq(" + index + ")").simulate("drag", {dy: dy});
dragHandle = function (index, dy) {
var handle = containerView.$(".drag-handle:eq(" + index + ")");
handle.simulate("drag", {dy: dy});
};
var verifyRequest = function (requests, reorderCallIndex, expectedURL, expectedChildren) {
verifyRequest = function (requests, reorderCallIndex, expectedURL, expectedChildren) {
var request, children, i;
// 0th call is the response to the initial render call to get HTML.
var request = requests[reorderCallIndex + 1];
request = requests[reorderCallIndex + 1];
expect(request.url).toEqual(expectedURL);
var children = (JSON.parse(request.requestBody)).children;
children = (JSON.parse(request.requestBody)).children;
expect(children.length).toEqual(expectedChildren.length);
for (var i = 0; i < children.length; i++) {
for (i = 0; i < children.length; i++) {
expect(children[i]).toEqual(expectedChildren[i]);
}
};
var verifyNumReorderCalls = function (requests, expectedCalls) {
verifyNumReorderCalls = function (requests, expectedCalls) {
// Number of calls will be 1 more than expected because of the initial render call to get HTML.
expect(requests.length).toEqual(expectedCalls + 1);
};
var respondToRequest = function (requests, reorderCallIndex, status) {
respondToRequest = function (requests, reorderCallIndex, status) {
// Number of calls will be 1 more than expected because of the initial render call to get HTML.
requests[reorderCallIndex + 1].respond(status);
};
......@@ -89,68 +95,70 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
it('does nothing if item not moved far enough', function () {
var requests = init(this);
// Drag the first thing in Group A (text component) down very slightly, but not past second thing.
dragHandle(1, 5);
dragHandle(2, 5);
verifyNumReorderCalls(requests, 0);
});
it('can reorder within a group', function () {
var requests = init(this);
// Drag the first thing in Group A (text component) after the second thing (video).
dragHandle(1, 80);
// Drag the first component in Group A to the end
dragHandle(2, 80);
respondToRequest(requests, 0, 200);
verifyNumReorderCalls(requests, 1);
verifyRequest(requests, 0, groupAUrl, [groupAVideo, groupAText]);
verifyRequest(requests, 0, groupAUrl, [groupAComponent2, groupAComponent3, groupAComponent1]);
});
it('can drag from one group to another', function () {
var requests = init(this);
// Drag the first thing in Group A (text component) into the second group.
dragHandle(1, 200);
// Drag the first component in Group A into the second group.
dragHandle(2, 300);
respondToRequest(requests, 0, 200);
respondToRequest(requests, 1, 200);
// Will get an event to move into Group B and an event to remove from Group A.
verifyNumReorderCalls(requests, 2);
verifyRequest(requests, 0, groupBUrl, [groupBText, groupAText, groupBProblem]);
verifyRequest(requests, 1, groupAUrl, [groupAVideo]);
verifyRequest(requests, 0, groupBUrl,
[groupBComponent1, groupBComponent2, groupAComponent1, groupBComponent3]);
verifyRequest(requests, 1, groupAUrl, [groupAComponent2, groupAComponent3]);
});
it('does not remove from old group if addition to new group fails', function () {
var requests = init(this);
// Drag the first thing in Group A (text component) into the second group.
dragHandle(1, 200);
// Drag the first component in Group A into the second group.
dragHandle(2, 300);
respondToRequest(requests, 0, 500);
// Send failure for addition to new group-- no removal event should be received.
verifyNumReorderCalls(requests, 1);
verifyRequest(requests, 0, groupBUrl, [groupBText, groupAText, groupBProblem]);
verifyRequest(requests, 0, groupBUrl,
[groupBComponent1, groupBComponent2, groupAComponent1, groupBComponent3]);
});
it('can swap group A and group B', function () {
var requests = init(this);
// Drag Group B before group A.
dragHandle(3, -200);
dragHandle(5, -300);
respondToRequest(requests, 0, 200);
verifyNumReorderCalls(requests, 1);
verifyRequest(requests, 0, splitTestUrl, [groupB, groupA]);
verifyRequest(requests, 0, containerTestUrl, [groupB, groupA]);
});
it('can drag a component to the top level, and nest one group in another', function () {
var requests = init(this);
// Drag text item in Group A to the top level (in first position).
dragHandle(1, -20);
dragHandle(2, -40);
respondToRequest(requests, 0, 200);
respondToRequest(requests, 1, 200);
verifyNumReorderCalls(requests, 2);
verifyRequest(requests, 0, splitTestUrl, [groupAText, groupA, groupB]);
verifyRequest(requests, 1, groupAUrl, [groupAVideo]);
verifyRequest(requests, 0, containerTestUrl, [groupAComponent1, groupA, groupB]);
verifyRequest(requests, 1, groupAUrl, [groupAComponent2, groupAComponent3]);
// Drag Group A (only contains video now) into Group B.
// Drag Group A into Group B.
dragHandle(1, 150);
respondToRequest(requests, 2, 200);
respondToRequest(requests, 3, 200);
verifyNumReorderCalls(requests, 4);
verifyRequest(requests, 2, groupBUrl, [groupBText, groupA, groupBProblem]);
verifyRequest(requests, 3, splitTestUrl, [groupAText, groupB]);
verifyRequest(requests, 2, groupBUrl, [groupBComponent1, groupA, groupBComponent2]);
verifyRequest(requests, 3, containerTestUrl, [groupAComponent1, groupB]);
});
describe("Shows a saving message", function () {
......@@ -163,13 +171,16 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
});
it('hides saving message upon success', function () {
var requests = init(this);
// Drag text item in Group A to the top level (in first position).
dragHandle(1, -20);
var requests, savingOptions;
requests = init(this);
// Drag the first component in Group A into the second group.
dragHandle(2, 200);
expect(savingSpies.constructor).toHaveBeenCalled();
expect(savingSpies.show).toHaveBeenCalled();
expect(savingSpies.hide).not.toHaveBeenCalled();
var savingOptions = savingSpies.constructor.mostRecentCall.args[0];
savingOptions = savingSpies.constructor.mostRecentCall.args[0];
expect(savingOptions.title).toMatch(/Saving/);
respondToRequest(requests, 0, 200);
......@@ -181,8 +192,10 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
it('does not hide saving message if failure', function () {
var requests = init(this);
// Drag text item in Group A to the top level (in first position).
dragHandle(1, -20);
// Drag the first component in Group A into the second group.
dragHandle(2, 200);
expect(savingSpies.constructor).toHaveBeenCalled();
expect(savingSpies.show).toHaveBeenCalled();
expect(savingSpies.hide).not.toHaveBeenCalled();
......@@ -195,4 +208,5 @@ define([ "jquery", "js/spec/create_sinon", "URI", "js/views/container", "js/mode
});
});
});
});
\ No newline at end of file
});
147
\ No newline at end of file
cms/static/js/spec/views/modals/edit_xblock_spec.js
......@@ -12,7 +12,7 @@ define(["jquery", "underscore", "js/spec_helpers/create_sinon", "js/spec_helpers
beforeEach(function () {
edit_helpers.installEditTemplates();
appendSetFixtures('<div class="xblock" data-locator="mock-xblock" data-display-name="Mock XBlock"></div>');
appendSetFixtures('<div class="xblock" data-locator="mock-xblock"></div>');
model = new XBlockInfo({
id: 'testCourse/branch/draft/block/verticalFFF',
display_name: 'Test Unit',
......
cms/static/js/views/container.js
......@@ -4,8 +4,8 @@ define(["jquery", "underscore", "js/views/xblock", "js/utils/module", "gettext",
xblockReady: function () {
XBlockView.prototype.xblockReady.call(this);
var verticalContainer = $(this.$el).find('.vertical-container'),
alreadySortable = $(this.$el).find('.ui-sortable'),
var verticalContainer = this.$('.vertical-container'),
alreadySortable = this.$('.ui-sortable'),
newParent,
oldParent,
self = this;
......@@ -16,6 +16,8 @@ define(["jquery", "underscore", "js/views/xblock", "js/utils/module", "gettext",
handle: '.drag-handle',
stop: function (event, ui) {
var saving, hideSaving, removeFromParent;
console.log('stop');
if (oldParent === undefined) {
......@@ -24,12 +26,12 @@ define(["jquery", "underscore", "js/views/xblock", "js/utils/module", "gettext",
return;
}
var saving = new NotificationView.Mini({
saving = new NotificationView.Mini({
title: gettext('Saving&hellip;')
});
saving.show();
var hideSaving = function () {
hideSaving = function () {
saving.hide();
};
......@@ -37,12 +39,11 @@ define(["jquery", "underscore", "js/views/xblock", "js/utils/module", "gettext",
// add to new container before deleting from old to
// avoid creating an orphan if the addition fails.
if (newParent) {
var removeFromParent = oldParent;
removeFromParent = oldParent;
self.reorder(newParent, function () {
self.reorder(removeFromParent, hideSaving);
});
}
else {
} else {
// No new parent, only reordering within same container.
self.reorder(oldParent, hideSaving);
}
......@@ -60,8 +61,7 @@ define(["jquery", "underscore", "js/views/xblock", "js/utils/module", "gettext",
if (ui.sender) {
// Move to a new container (the addition part).
newParent = parent;
}
else {
} else {
// Reorder inside a container, or deletion when moving to new container.
oldParent = parent;
}
......@@ -79,16 +79,18 @@ define(["jquery", "underscore", "js/views/xblock", "js/utils/module", "gettext",
},
reorder: function (targetParent, successCallback) {
var children, childLocators;
console.log('calling reorder for ' + targetParent.data('locator'));
// Find descendants with class "wrapper-xblock" whose parent == targetParent.
// This is necessary to filter our grandchildren, great-grandchildren, etc.
var children = targetParent.find('.wrapper-xblock').filter(function () {
children = targetParent.find('.wrapper-xblock').filter(function () {
var parent = $(this).parent().closest('.wrapper-xblock');
return parent.data('locator') === targetParent.data('locator');
});
var childLocators = _.map(
childLocators = _.map(
children,
function (child) {
return $(child).data('locator');
......
cms/templates/js/mock/mock-container-xblock.underscore
<header class="xblock-header"></header>
<article class="xblock-render">
<div class="xblock" data-block-type="vertical">
<div class="xblock" data-block-type="vertical" data-locator="locator-container">
<div class="vert-mod">
<div class="vert vert-0">
<div class="xblock" data-block-type="vertical">
<div class="vert-mod">
<div class="vert vert-0">
<section class="wrapper-xblock level-nesting" data-locator="locator-group-A">
<header class="xblock-header"></header>
<article class="xblock-render">
<div class="xblock" data-block-type="vertical">
<div class="vert-mod">
<div class="vert vert-0">
<section class="wrapper-xblock level-element" data-locator="locator-component-A1">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a href="#" class="edit-button action-button"></a></li>
<li class="action-item action-duplicate"><a href="#" class="duplicate-button action-button"></a></li>
<li class="action-item action-delete"><a href="#" class="delete-button action-button"></a></li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
<section class="wrapper-xblock level-element" data-locator="locator-component-A2">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a href="#" class="edit-button action-button"></a></li>
<li class="action-item action-duplicate"><a href="#" class="duplicate-button action-button"></a></li>
<li class="action-item action-delete"><a href="#" class="delete-button action-button"></a></li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
<section class="wrapper-xblock level-element" data-locator="locator-component-A3">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a href="#" class="edit-button action-button"></a></li>
<li class="action-item action-duplicate"><a href="#" class="duplicate-button action-button"></a></li>
<li class="action-item action-delete"><a href="#" class="delete-button action-button"></a></li>
</ul>
<ol class="vertical-container">
<li class="vertical-element is-draggable">
<div class="vert vert-0">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<div class="xblock" data-block-type="vertical">
<div class="vert-mod">
<ol class="vertical-container">
<li class="vertical-element is-draggable">
<div class="vert vert-0">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-nesting" data-locator="locator-group-A">
<header class="xblock-header"></header>
<article class="xblock-render">
<div class="xblock" data-block-type="vertical">
<div class="vert-mod">
<ol class="vertical-container">
<li class="vertical-element is-draggable">
<div class="vert vert-0">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="locator-component-A1">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a
href="#"
class="edit-button action-button"></a>
</li>
<li class="action-item action-duplicate"><a
href="#"
class="duplicate-button action-button"></a>
</li>
<li class="action-item action-delete"><a
href="#"
class="delete-button action-button"></a>
</li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</li>
<li class="vertical-element is-draggable">
<div class="vert vert-1">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="locator-component-A2">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a
href="#"
class="edit-button action-button"></a>
</li>
<li class="action-item action-duplicate"><a
href="#"
class="duplicate-button action-button"></a>
</li>
<li class="action-item action-delete"><a
href="#"
class="delete-button action-button"></a>
</li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</li>
<li class="vertical-element is-draggable">
<div class="vert vert-2">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="locator-component-A3">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a
href="#"
class="edit-button action-button"></a>
</li>
<li class="action-item action-duplicate"><a
href="#"
class="duplicate-button action-button"></a>
</li>
<li class="action-item action-delete"><a
href="#"
class="delete-button action-button"></a>
</li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</li>
</ol>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</div>
</article>
</section>
</div>
</div>
</article>
</section>
<section class="wrapper-xblock level-nesting" data-locator="locator-group-B">
<header class="xblock-header"></header>
<article class="xblock-render">
<div class="xblock" data-block-type="vertical">
<div class="vert-mod">
<div class="vert vert-0">
<section class="wrapper-xblock level-element" data-locator="locator-component-B1">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a href="#" class="edit-button action-button"></a></li>
<li class="action-item action-duplicate"><a href="#" class="duplicate-button action-button"></a></li>
<li class="action-item action-delete"><a href="#" class="delete-button action-button"></a></li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
<section class="wrapper-xblock level-element" data-locator="locator-component-B2">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a href="#" class="edit-button action-button"></a></li>
<li class="action-item action-duplicate"><a href="#" class="duplicate-button action-button"></a></li>
<li class="action-item action-delete"><a href="#" class="delete-button action-button"></a></li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
<section class="wrapper-xblock level-element" data-locator="locator-component-B3">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a href="#" class="edit-button action-button"></a></li>
<li class="action-item action-duplicate"><a href="#" class="duplicate-button action-button"></a></li>
<li class="action-item action-delete"><a href="#" class="delete-button action-button"></a></li>
</ul>
</li>
<li class="vertical-element is-draggable">
<div class="vert vert-1">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-nesting" data-locator="locator-group-B">
<header class="xblock-header"></header>
<article class="xblock-render">
<div class="xblock" data-block-type="vertical">
<div class="vert-mod">
<ol class="vertical-container">
<li class="vertical-element is-draggable">
<div class="vert vert-0">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="locator-component-B1">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a
href="#"
class="edit-button action-button"></a>
</li>
<li class="action-item action-duplicate"><a
href="#"
class="duplicate-button action-button"></a>
</li>
<li class="action-item action-delete"><a
href="#"
class="delete-button action-button"></a>
</li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</li>
<li class="vertical-element is-draggable">
<div class="vert vert-1">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="locator-component-B2">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a
href="#"
class="edit-button action-button"></a>
</li>
<li class="action-item action-duplicate"><a
href="#"
class="duplicate-button action-button"></a>
</li>
<li class="action-item action-delete"><a
href="#"
class="delete-button action-button"></a>
</li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</li>
<li class="vertical-element is-draggable">
<div class="vert vert-2">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="locator-component-B3">
<header class="xblock-header">
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit"><a
href="#"
class="edit-button action-button"></a>
</li>
<li class="action-item action-duplicate"><a
href="#"
class="duplicate-button action-button"></a>
</li>
<li class="action-item action-delete"><a
href="#"
class="delete-button action-button"></a>
</li>
</ul>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</li>
</ol>
</div>
</header>
<article class="xblock-render"></article>
</section>
</div>
</div>
</article>
</section>
</div>
</div>
</article>
</section>
</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</li>
</ol>
</div>
</div>
</article>
cms/templates/js/mock/mock-container.underscore deleted 100644 → 0
<section class="wrapper-xblock level-page" data-locator="ccc.dd.ee/branch/draft/block/AB_Test">
<header class="xblock-header">
<div class="header-details">A/B Test</div>
</header>
<article class="xblock-render">
<div class="xblock xblock-student_view xmodule_display xmodule_SplitTestModule xblock-initialized"
data-runtime-class="PreviewRuntime" data-init="XBlockToXModuleShim" data-runtime-version="1"
data-usage-id="i4x:;_;_ccc;_dd;_split_test;_AB_Test" data-type="None" data-block-type="split_test">
<div class="vert-mod">
<ol class="vertical-container">
<li class="vertical-element">
<div class="vert vert-0" data-id="i4x://ccc/dd/vertical/group_a">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-nesting is-collapsible"
data-locator="ccc.dd.ee/branch/published/block/group_a">
<header class="xblock-header">
<div class="header-details">
<span>Group A</span>
</div>
<div class="header-actions">
<ul class="actions-list">
<li class="sr action-item">No Actions</li>
</ul>
</div>
</header>
<article class="xblock-render">
<div class="xblock xblock-student_view xmodule_display xmodule_VerticalModule xblock-initialized"
data-runtime-class="PreviewRuntime" data-init="XBlockToXModuleShim"
data-runtime-version="1"
data-usage-id="i4x:;_;_ccc;_dd;_vertical;_group_a" data-type="None"
data-block-type="vertical">
<div class="vert-mod">
<ol class="vertical-container">
<li class="vertical-element">
<div class="vert vert-0"
data-id="i4x://ccc/dd/html/html_4658c0f4c400">
<span data-tooltip="Drag to reorder"
class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="ccc.dd.ee/branch/published/block/html_4658c0f4c400">
<header class="xblock-header">
<div class="header-details">Text</div>
<div class="header-actions">
<ul class="actions-list">
</ul>
</div>
</header>
<article class="xblock-render">
<div class="xblock xblock-student_view xmodule_display xmodule_HtmlModule xblock-initialized"
data-runtime-class="PreviewRuntime"
data-init="XBlockToXModuleShim"
data-runtime-version="1"
data-usage-id="i4x:;_;_ccc;_dd;_html;_html_4658c0f4c400"
data-type="HTMLModule" data-block-type="html">
Welcome to group A.
</div>
</article>
</section>
</div>
</li>
<li class="vertical-element">
<div class="vert vert-1" data-id="i4x://ccc/dd/video/group_a_video">
<span data-tooltip="Drag to reorder"
class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="ccc.dd.ee/branch/published/block/group_a_video">
<header class="xblock-header">
<div class="header-details">
Video
</div>
<div class="header-actions">
<ul class="actions-list">
</ul>
</div>
</header>
<article class="xblock-render">
<div class="xblock xblock-student_view xmodule_display xmodule_VideoModule xblock-initialized"
data-runtime-class="PreviewRuntime"
data-init="XBlockToXModuleShim"
data-runtime-version="1"
data-usage-id="i4x:;_;_ccc;_dd;_video;_group_a_video"
data-type="Video"
data-block-type="video">
<h2>Video</h2>
</div>
</article>
</section>
</div>
</li>
</ol>
</div>
</div>
</article>
</section>
</div>
</li>
<li class="vertical-element">
<div class="vert vert-1" data-id="i4x://ccc/dd/vertical/group_b">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
<section class="wrapper-xblock level-nesting is-collapsible"
data-locator="ccc.dd.ee/branch/published/block/group_b">
<header class="xblock-header">
<div class="header-details">
<span>Group B</span>
</div>
<div class="header-actions">
<ul class="actions-list">
<li class="sr action-item">No Actions</li>
</ul>
</div>
</header>
<article class="xblock-render">
<div class="xblock xblock-student_view xmodule_display xmodule_VerticalModule xblock-initialized"
data-runtime-class="PreviewRuntime" data-init="XBlockToXModuleShim"
data-runtime-version="1"
data-usage-id="i4x:;_;_ccc;_dd;_vertical;_group_b" data-type="None"
data-block-type="vertical">
<div class="vert-mod">
<ol class="vertical-container">
<li class="vertical-element">
<div class="vert vert-0"
data-id="i4x://ccc/dd/html/html_b5c18016d991">
<span data-tooltip="Drag to reorder"
class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="ccc.dd.ee/branch/published/block/html_b5c18016d991">
<header class="xblock-header">
<div class="header-details">
Text
</div>
<div class="header-actions">
<ul class="actions-list">
</ul>
</div>
</header>
<article class="xblock-render">
<div class="xblock xblock-student_view xmodule_display xmodule_HtmlModule xblock-initialized"
data-runtime-class="PreviewRuntime"
data-init="XBlockToXModuleShim"
data-runtime-version="1"
data-usage-id="i4x:;_;_ccc;_dd;_html;_html_b5c18016d991"
data-type="HTMLModule" data-block-type="html">
Welcome to group B.
</div>
</article>
</section>
</div>
</li>
<li class="vertical-element">
<div class="vert vert-1" data-id="i4x://ccc/dd/problem/Checkboxes">
<span data-tooltip="Drag to reorder"
class="drag-handle action"></span>
<section class="wrapper-xblock level-element"
data-locator="ccc.dd.ee/branch/published/block/Checkboxes">
<header class="xblock-header">
<div class="header-details">
Checkboxes
</div>
<div class="header-actions">
<ul class="actions-list">
</ul>
</div>
</header>
<article class="xblock-render">
<div class="xblock xblock-student_view xmodule_display xmodule_CapaModule xblock-initialized"
data-runtime-class="PreviewRuntime"
data-init="XBlockToXModuleShim"
data-runtime-version="1"
data-usage-id="i4x:;_;_ccc;_dd;_problem;_Checkboxes"
data-type="Problem" data-block-type="problem">
<div id="problem_i4x-ccc-dd-problem-Checkboxes"
class="problems-wrapper"
data-problem-id="i4x://ccc/dd/problem/Checkboxes"
data-url="/preview/xblock/i4x:;_;_ccc;_dd;_problem;_Checkboxes/handler/xmodule_handler"
data-progress_status="none"
data-progress_detail="0/1">
<h2 class="problem-header">
Checkboxes
</h2>
</div>
</div>
</article>
</section>
</div>
</li>
</ol>
</div>
</div>
</article>
</section>
</div>
</li>
</ol>
</div>
</div>
</article>
</section>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment