f1fb38ed83
* fix: multi lines and spaces issues * fix: eslint operator-linebreak issue * fix: eslint quotes issue * fix: remaining quotes issues * fix: eslint object curly newline issue * fix: eslint object curly spacing issue * fix: eslint brace-style issues * fix: react jsx indent and props issues * fix: eslint trailing spaces issues * fix: eslint linbreak style issue * fix: eslint space unary operator issue * fix: eslint line around directives issue * fix: void and typeof space unary ops issue
90 lines
4.0 KiB
JavaScript
90 lines
4.0 KiB
JavaScript
(function() {
|
|
'use strict';
|
|
|
|
describe('VideoPlayer completion', function() {
|
|
var state, oldOTBD, completionAjaxCall;
|
|
|
|
beforeEach(function() {
|
|
oldOTBD = window.onTouchBasedDevice;
|
|
window.onTouchBasedDevice = jasmine
|
|
.createSpy('onTouchBasedDevice')
|
|
.and.returnValue(null);
|
|
|
|
state = jasmine.initializePlayer({
|
|
recordedYoutubeIsAvailable: true,
|
|
completionEnabled: true,
|
|
publishCompletionUrl: 'https://example.com/publish_completion_url'
|
|
});
|
|
state.completionHandler.completeAfterTime = 20;
|
|
|
|
completionAjaxCall = {
|
|
url: state.config.publishCompletionUrl,
|
|
type: 'POST',
|
|
contentType: 'application/json',
|
|
dataType: 'json',
|
|
data: JSON.stringify({completion: 1.0}),
|
|
success: jasmine.any(Function),
|
|
error: jasmine.any(Function)
|
|
};
|
|
});
|
|
|
|
afterEach(function() {
|
|
$('source').remove();
|
|
window.onTouchBasedDevice = oldOTBD;
|
|
state.storage.clear();
|
|
if (state.videoPlayer) {
|
|
state.videoPlayer.destroy();
|
|
}
|
|
});
|
|
|
|
it('calls the completion api when marking an object complete', function() {
|
|
spyOnEvent(state.el, 'complete');
|
|
state.completionHandler.markCompletion(Date.now());
|
|
expect($.ajax).toHaveBeenCalledWith(completionAjaxCall);
|
|
expect('complete').toHaveBeenTriggeredOn(state.el);
|
|
expect(state.completionHandler.isComplete).toEqual(true);
|
|
});
|
|
|
|
it('calls the completion api on the LMS when the time updates', function() {
|
|
spyOn(state.completionHandler, 'markCompletion').and.callThrough();
|
|
state.el.trigger('timeupdate', 24.0);
|
|
expect(state.completionHandler.markCompletion).toHaveBeenCalled();
|
|
state.completionHandler.markCompletion.calls.reset();
|
|
// But the handler is not called again after the block is completed.
|
|
state.el.trigger('timeupdate', 30.0);
|
|
expect(state.completionHandler.markCompletion).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it('does not call the completion api on the LMS when the video is loaded but not seen', function() {
|
|
spyOn(window, 'VerticalStudentView').and.callThrough();
|
|
// The VerticalStudentView object is created to kick off the function that checks if
|
|
// each vertical is completable by viewing, and, if so, sends an ajax call to mark completion
|
|
// eslint-disable-next-line no-new
|
|
new window.VerticalStudentView(null, '#video_example');
|
|
expect(window.VerticalStudentView).toHaveBeenCalled();
|
|
expect($.ajax).not.toHaveBeenCalledWith(completionAjaxCall);
|
|
});
|
|
|
|
it('calls the completion api on the LMS when the video ends', function() {
|
|
spyOn(state.completionHandler, 'markCompletion').and.callThrough();
|
|
state.el.trigger('ended');
|
|
expect(state.completionHandler.markCompletion).toHaveBeenCalled();
|
|
});
|
|
|
|
it('calls the completion api if the video is age restricted', function() {
|
|
spyOn(state, 'youtubeId').and.returnValue('fakeYouTubeID');
|
|
spyOn(state.completionHandler, 'markCompletion').and.callThrough();
|
|
state.metadata = {fakeYouTubeID: {contentRating: {}}};
|
|
|
|
// Check metadata once with no content rating and it should not be marked complete
|
|
state.el.trigger('metadata_received');
|
|
expect(state.completionHandler.markCompletion).not.toHaveBeenCalled();
|
|
|
|
// But with age restricted rating, it will be completed immediately
|
|
state.metadata.fakeYouTubeID.contentRating.ytRating = 'ytAgeRestricted';
|
|
state.el.trigger('metadata_received');
|
|
expect(state.completionHandler.markCompletion).toHaveBeenCalled();
|
|
});
|
|
});
|
|
}).call(this);
|