5c759f1e13
- Move Video Block JS files from xmodule/js/src/video/ to xmodule/assets/video/public/js/ - Update JavaScript files from RequireJS to ES6 import/export - test: Enable and fix Karma Js tests for Video XBlock (#37351) --------- Co-authored-by: salmannawaz <salman.nawaz@arbisoft.com>
116 lines
4.9 KiB
JavaScript
116 lines
4.9 KiB
JavaScript
(function() {
|
|
'use strict';
|
|
|
|
describe('VideoAutoAdvance', function() {
|
|
var state, oldOTBD;
|
|
beforeEach(function() {
|
|
oldOTBD = window.onTouchBasedDevice;
|
|
window.onTouchBasedDevice = jasmine
|
|
.createSpy('onTouchBasedDevice').and.returnValue(null);
|
|
jasmine.clock().install();
|
|
});
|
|
afterEach(function() {
|
|
$('source').remove();
|
|
state.storage.clear();
|
|
|
|
if (state.videoPlayer) {
|
|
state.videoPlayer.destroy();
|
|
}
|
|
window.onTouchBasedDevice = oldOTBD;
|
|
jasmine.clock().uninstall();
|
|
});
|
|
describe('when auto-advance feature is unset (default behaviour)', function() {
|
|
beforeEach(function() {
|
|
state = jasmine.initializePlayer('video.html');
|
|
appendLoadFixtures('sequence.html');
|
|
});
|
|
it('no auto-advance button is shown', function() {
|
|
var $button = $('.control.auto-advance');
|
|
expect($button).not.toExist();
|
|
});
|
|
it('when video ends, it will not auto-advance to next unit', function() {
|
|
var $nextButton = $('.sequence-nav-button.button-next').first();
|
|
expect($nextButton).toExist();
|
|
|
|
// not auto-clicked yet
|
|
spyOnEvent($nextButton, 'click');
|
|
expect('click').not.toHaveBeenTriggeredOn($nextButton);
|
|
|
|
state.el.trigger('ended');
|
|
jasmine.clock().tick(2);
|
|
|
|
// still not auto-clicked
|
|
expect('click').not.toHaveBeenTriggeredOn($nextButton);
|
|
});
|
|
});
|
|
describe('when auto-advance feature is set', function() {
|
|
describe('and auto-advance is enabled', function() {
|
|
beforeEach(function() {
|
|
state = jasmine.initializePlayer('video_autoadvance.html');
|
|
appendLoadFixtures('sequence.html');
|
|
});
|
|
it('an active auto-advance button is shown', function() {
|
|
var $button = $('.control.auto-advance');
|
|
expect($button).toExist();
|
|
expect($button).toHaveClass('active');
|
|
});
|
|
it('when button is clicked, it will deactivate auto-advance', function() {
|
|
var $button = $('.control.auto-advance');
|
|
$button.click();
|
|
expect($button).not.toHaveClass('active');
|
|
});
|
|
it('when video ends, it will auto-advance to next unit', function() {
|
|
var $nextButton = $('.sequence-nav-button.button-next').first();
|
|
expect($nextButton).toExist();
|
|
|
|
// not auto-clicked yet
|
|
spyOnEvent($nextButton, 'click');
|
|
expect('click').not.toHaveBeenTriggeredOn($nextButton);
|
|
|
|
// Spy on window.parent.postMessage and make it trigger a click
|
|
spyOn(window.parent, 'postMessage').and.callFake(function() {
|
|
$nextButton.trigger('click');
|
|
});
|
|
|
|
state.el.trigger('ended');
|
|
jasmine.clock().tick(2);
|
|
|
|
// now it was auto-clicked
|
|
expect('click').toHaveBeenTriggeredOn($nextButton);
|
|
});
|
|
});
|
|
|
|
describe('when auto-advance is disabled', function() {
|
|
beforeEach(function() {
|
|
state = jasmine.initializePlayer('video_autoadvance_disabled.html');
|
|
appendLoadFixtures('sequence.html');
|
|
});
|
|
it('an inactive auto-advance button is shown', function() {
|
|
var $button = $('.control.auto-advance');
|
|
expect($button).toExist();
|
|
expect($button).not.toHaveClass('active');
|
|
});
|
|
it('when the button is clicked, it will activate auto-advance', function() {
|
|
var $button = $('.control.auto-advance');
|
|
$button.click();
|
|
expect($button).toHaveClass('active');
|
|
});
|
|
it('when video ends, it will not auto-advance to next unit', function() {
|
|
var $nextButton = $('.sequence-nav-button.button-next').first();
|
|
expect($nextButton).toExist();
|
|
|
|
// not auto-clicked yet
|
|
spyOnEvent($nextButton, 'click');
|
|
expect('click').not.toHaveBeenTriggeredOn($nextButton);
|
|
|
|
state.el.trigger('ended');
|
|
jasmine.clock().tick(2);
|
|
|
|
// still not auto-clicked (auto-advance is disabled)
|
|
expect('click').not.toHaveBeenTriggeredOn($nextButton);
|
|
});
|
|
});
|
|
});
|
|
});
|
|
}).call(this);
|