Update unit test based on changes in master.
This commit is contained in:
cahrens
@@ -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
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
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
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
147
|
||||
@@ -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',
|
||||
|
||||
@@ -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…')
|
||||
});
|
||||
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');
|
||||
|
||||
@@ -1,127 +1,222 @@
|
||||
<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">
|
||||
<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>
|
||||
|
||||
<div class="xblock" data-block-type="vertical">
|
||||
<div class="vert-mod">
|
||||
<div class="vert vert-0">
|
||||
<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>
|
||||
|
||||
<section class="wrapper-xblock level-nesting" data-locator="locator-group-A">
|
||||
<header class="xblock-header"></header>
|
||||
</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">
|
||||
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</header>
|
||||
<article class="xblock-render"></article>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
</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>
|
||||
|
||||
<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">
|
||||
|
||||
<article class="xblock-render">
|
||||
<div class="xblock" data-block-type="vertical">
|
||||
<div class="vert-mod">
|
||||
<div class="vert vert-0">
|
||||
<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">
|
||||
|
||||
<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-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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
</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>
|
||||
|
||||
@@ -1,209 +0,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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user