223 lines
12 KiB
JavaScript
223 lines
12 KiB
JavaScript
|
/**
|
||
|
|
* This program is free software; you can redistribute it and/or
|
||
|
|
* modify it under the terms of the GNU General Public License
|
||
|
|
* as published by the Free Software Foundation; under version 2
|
||
|
|
* of the License (non-upgradable).
|
||
|
|
*
|
||
|
|
* This program is distributed in the hope that it will be useful,
|
||
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
* GNU General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU General Public License
|
||
|
|
* along with this program; if not, write to the Free Software
|
||
|
|
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
||
|
|
*
|
||
|
|
* Copyright (c) 2015 (original work) Open Assessment Technologies SA ;
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
|
||
|
|
*/
|
||
|
|
define([
|
||
|
|
|
||
|
|
'jquery',
|
||
|
|
'lodash',
|
||
|
|
'taoQtiTest/testRunner/testReview',
|
||
|
|
'json!taoQtiTest/test/samples/json/testContext.json'
|
||
|
|
], function($, _, testReview, testContextData) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
QUnit.module('testReview');
|
||
|
|
|
||
|
|
QUnit.test('module', function(assert) {
|
||
|
|
assert.equal(typeof testReview, 'function', 'The testReview module exposes a function');
|
||
|
|
assert.equal(typeof testReview(), 'object', 'The testReview factory produces an object');
|
||
|
|
assert.notStrictEqual(testReview(), testReview(), 'The testReview factory provides a different object on each call');
|
||
|
|
});
|
||
|
|
|
||
|
|
var testReviewApi = [
|
||
|
|
{name: 'init', title: 'init'},
|
||
|
|
{name: 'update', title: 'update'},
|
||
|
|
{name: 'enable', title: 'enable'},
|
||
|
|
{name: 'disable', title: 'disable'},
|
||
|
|
{name: 'show', title: 'show'},
|
||
|
|
{name: 'hide', title: 'hide'},
|
||
|
|
{name: 'toggle', title: 'toggle'},
|
||
|
|
{name: 'trigger', title: 'trigger'},
|
||
|
|
{name: 'on', title: 'on'},
|
||
|
|
{name: 'off', title: 'off'}
|
||
|
|
];
|
||
|
|
|
||
|
|
QUnit
|
||
|
|
.cases.init(testReviewApi)
|
||
|
|
.test('instance API ', function(data, assert) {
|
||
|
|
var instance = testReview();
|
||
|
|
assert.equal(typeof instance[data.name], 'function', 'The testReview instance exposes a "' + data.title + '" function');
|
||
|
|
});
|
||
|
|
|
||
|
|
QUnit.test('install', function(assert) {
|
||
|
|
var $fixture = $('#qti-navigator-1');
|
||
|
|
var component;
|
||
|
|
|
||
|
|
component = testReview($fixture.empty());
|
||
|
|
|
||
|
|
assert.equal($fixture.children().length, 1, 'The testReview instance installs a DOM structure, and this structure start with a unique element');
|
||
|
|
|
||
|
|
component.init($fixture);
|
||
|
|
|
||
|
|
assert.equal($fixture.children().length, 1, 'The testReview instance can be re-initialized, and just overwrite previously installed DOM structure');
|
||
|
|
assert.equal($fixture.find('.qti-navigator').length, 1, 'The testReview instance install a qti-navigator element');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-info').length, 1, 'The testReview instance install a qti-navigator-info element');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-info .qti-navigator-answered').length, 1, 'The testReview instance install an info element for answered items');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-info .qti-navigator-unanswered').length, 1, 'The testReview instance install an info element for unanswered items');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-info .qti-navigator-viewed').length, 1, 'The testReview instance install an info element for viewed items');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-info .qti-navigator-flagged').length, 1, 'The testReview instance install an info element for flagged items');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-filters').length, 1, 'The testReview instance install a qti-navigator-filters element');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-filters [data-mode="all"]').length, 1, 'The testReview instance install a filter reset element');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-filters [data-mode="unanswered"]').length, 1, 'The testReview instance install a filter for unanswered items');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-filters [data-mode="flagged"]').length, 1, 'The testReview instance install a filter for flagged items');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-tree').length, 1, 'The testReview instance install a qti-navigator-tree element');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-linear').length, 1, 'The testReview instance install a qti-navigator-linear element');
|
||
|
|
|
||
|
|
component.update(testContextData);
|
||
|
|
|
||
|
|
assert.equal($fixture.find('.qti-navigator-tree').children().length, 1, 'The testReview instance install a navigation map once updated');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-part > .qti-navigator-label').length, 2, 'The navigation map contains 2 parts');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-section > .qti-navigator-label').length, 2, 'The navigation map contains 2 sections');
|
||
|
|
assert.equal($fixture.find('.qti-navigator-item > .qti-navigator-label').length, 9, 'The navigation map contains 9 items');
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
QUnit.test('events', function(assert) {
|
||
|
|
var ready1 = assert.async();
|
||
|
|
var ready = assert.async();
|
||
|
|
var $fixture = $('#qti-navigator-2');
|
||
|
|
var expected = 'test';
|
||
|
|
var component;
|
||
|
|
|
||
|
|
component = testReview($fixture.empty());
|
||
|
|
|
||
|
|
assert.ok($fixture.children().length === 1, 'The testReview instance installs a DOM structure, and this structure start with a unique element');
|
||
|
|
|
||
|
|
component.on('custom', function(event, arg1) {
|
||
|
|
assert.ok(true, 'The testReview instance can handle custom event');
|
||
|
|
assert.equal(arg1, expected, 'The testReview instance can handle custom event with parameter');
|
||
|
|
ready();
|
||
|
|
});
|
||
|
|
|
||
|
|
component.trigger('custom', [expected]);
|
||
|
|
|
||
|
|
component.off('custom');
|
||
|
|
|
||
|
|
component.trigger('custom', [expected]);
|
||
|
|
|
||
|
|
_.defer(function() {
|
||
|
|
assert.ok(true, 'The testReview instance can handle uninstall of custom event');
|
||
|
|
ready1();
|
||
|
|
}, 250);
|
||
|
|
});
|
||
|
|
|
||
|
|
QUnit.test('jump', function(assert) {
|
||
|
|
var ready = assert.async();
|
||
|
|
var $fixture = $('#qti-navigator-3');
|
||
|
|
var component = testReview($fixture.empty());
|
||
|
|
|
||
|
|
assert.ok($fixture.children().length === 1, 'The testReview instance installs a DOM structure, and this structure start with a unique element');
|
||
|
|
|
||
|
|
component.update(testContextData);
|
||
|
|
component.on('jump', function(event, position) {
|
||
|
|
assert.ok(true, 'The testReview instance throws jump event when the user click on an item in the map');
|
||
|
|
assert.equal(position, 0, 'The position of the item to reach must comply to the needed value');
|
||
|
|
ready();
|
||
|
|
});
|
||
|
|
$fixture.find('.qti-navigator-item[data-id="item-1"] .qti-navigator-label').click();
|
||
|
|
});
|
||
|
|
|
||
|
|
QUnit.test('mark', function(assert) {
|
||
|
|
var ready = assert.async();
|
||
|
|
var $fixture = $('#qti-navigator-4');
|
||
|
|
var component = testReview($fixture.empty());
|
||
|
|
|
||
|
|
assert.ok($fixture.children().length === 1, 'The testReview instance installs a DOM structure, and this structure start with a unique element');
|
||
|
|
|
||
|
|
component.update(testContextData);
|
||
|
|
component.on('mark', function(event, flag, position) {
|
||
|
|
assert.ok(true, 'The testReview instance throws mark event when the user click on an item icon in the map');
|
||
|
|
assert.equal(flag, true, 'The flag value must comply');
|
||
|
|
assert.equal(position, 0, 'The position of the item to reach must comply to the needed value');
|
||
|
|
ready();
|
||
|
|
});
|
||
|
|
$fixture.find('.qti-navigator-item[data-id="item-1"] .qti-navigator-icon').click();
|
||
|
|
});
|
||
|
|
|
||
|
|
QUnit.test('disable/enable', function(assert) {
|
||
|
|
var $fixture = $('#qti-navigator-5');
|
||
|
|
var component = testReview($fixture.empty());
|
||
|
|
var $component = component.$component;
|
||
|
|
|
||
|
|
assert.ok($fixture.children().length === 1, 'The testReview instance installs a DOM structure, and this structure start with a unique element');
|
||
|
|
assert.ok($component.is(':visible'), 'The testReview component element is visible');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'The testReview component element is enabled');
|
||
|
|
assert.ok(!component.disabled, 'The testReview component is enabled');
|
||
|
|
|
||
|
|
component.disable();
|
||
|
|
assert.ok($component.is(':visible'), 'The testReview component element is visible');
|
||
|
|
assert.ok($component.hasClass('disabled'), 'The testReview component element is disabled');
|
||
|
|
assert.ok(component.disabled, 'The testReview component is disabled');
|
||
|
|
|
||
|
|
component.enable();
|
||
|
|
assert.ok($component.is(':visible'), 'The testReview component element is visible');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'The testReview component element is enabled');
|
||
|
|
assert.ok(!component.disabled, 'The testReview component is enabled');
|
||
|
|
});
|
||
|
|
|
||
|
|
QUnit.test('hide/show', function(assert) {
|
||
|
|
var $fixture = $('#qti-navigator-6');
|
||
|
|
var component = testReview($fixture.empty());
|
||
|
|
var $component = component.$component;
|
||
|
|
|
||
|
|
assert.ok($fixture.children().length === 1, 'The testReview instance installs a DOM structure, and this structure start with a unique element');
|
||
|
|
assert.ok($component.is(':visible'), 'The testReview component element is visible');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'The testReview component element is enabled');
|
||
|
|
assert.ok(!component.disabled, 'The testReview component is enabled');
|
||
|
|
assert.ok(!component.hidden, 'The testReview component is visible');
|
||
|
|
|
||
|
|
component.hide();
|
||
|
|
assert.ok($component.is(':visible'), 'hide(): The testReview component element is hidden');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'hide(): The testReview component element is enabled');
|
||
|
|
assert.ok(component.disabled, 'hide(): The testReview component is disabled');
|
||
|
|
assert.ok(component.hidden, 'hide(): The testReview component is hidden');
|
||
|
|
|
||
|
|
component.show();
|
||
|
|
assert.ok($component.is(':visible'), 'show(): The testReview component element is visible');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'show(): The testReview component element is enabled');
|
||
|
|
assert.ok(!component.disabled, 'show(): The testReview component is enabled');
|
||
|
|
assert.ok(!component.hidden, 'show(): The testReview component is visible');
|
||
|
|
|
||
|
|
component.toggle();
|
||
|
|
assert.ok($component.is(':visible'), 'toggle()#1: The testReview component element is hidden');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'toggle()#1: The testReview component element is enabled');
|
||
|
|
assert.ok(component.disabled, 'toggle()#1: The testReview component is disabled');
|
||
|
|
assert.ok(component.hidden, 'toggle()#1: The testReview component is hidden');
|
||
|
|
|
||
|
|
component.toggle();
|
||
|
|
assert.ok($component.is(':visible'), 'toggle()#2: The testReview component element is visible');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'toggle()#2: The testReview component element is enabled');
|
||
|
|
assert.ok(!component.disabled, 'toggle()#2: The testReview component is enabled');
|
||
|
|
assert.ok(!component.hidden, 'toggle()#2: The testReview component is visible');
|
||
|
|
|
||
|
|
component.toggle(true);
|
||
|
|
assert.ok($component.is(':visible'), 'toggle(true): The testReview component element is visible');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'toggle(true): The testReview component element is enabled');
|
||
|
|
assert.ok(!component.disabled, 'toggle(true): The testReview component is enabled');
|
||
|
|
assert.ok(!component.hidden, 'toggle(true): The testReview component is visible');
|
||
|
|
|
||
|
|
component.toggle(false);
|
||
|
|
assert.ok($component.is(':visible'), 'toggle(false): The testReview component element is hidden');
|
||
|
|
assert.ok(!$component.hasClass('disabled'), 'toggle(false): The testReview component element is enabled');
|
||
|
|
assert.ok(component.disabled, 'toggle(false): The testReview component is disabled');
|
||
|
|
assert.ok(component.hidden, 'toggle(false): The testReview component is hidden');
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|