HoshinoKoji/jsPsych
1
0
Fork 0
mirror of https://github.com/jspsych/jsPsych.git synced 2025-05-12 08:38:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

tests for progress bar

Browse Source
This commit is contained in:
Josh de Leeuw 2017-06-10 22:17:58 -04:00 committed by KristinDiep
parent a16977e31f
commit b72a65fcac
1 changed files with 151 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

151
tests/progressbar.test.js Normal file
View File

@ -0,0 +1,151 @@
const root = '../';
beforeEach(function(){
require(root + 'jspsych.js');
require(root + 'plugins/jspsych-text.js');
});
describe('automatic progress bar', function(){
test('progress bar does not display by default', function(){
var trial = {
type: 'text',
text: 'foo'
}
jsPsych.init({
timeline: [trial]
});
expect(document.querySelector('#jspsych-progressbar-container')).toBe(null);
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
});
test('progress bar displays when show_progress_bar is true', function(){
var trial = {
type: 'text',
text: 'foo'
}
jsPsych.init({
timeline: [trial],
show_progress_bar: true
});
expect(document.querySelector('#jspsych-progressbar-container').innerHTML).toMatch('<span>Completion Progress</span><div id="jspsych-progressbar-outer"><div id="jspsych-progressbar-inner"></div></div>');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
});
test('progress bar automatically updates by default', function(){
var trial = {
type: 'text',
text: 'foo'
}
jsPsych.init({
timeline: [trial, trial, trial, trial],
show_progress_bar: true
});
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('25%');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('50%');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('75%');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('100%');
});
test('progress bar does not automatically update when auto_update_progress_bar is false', function(){
var trial = {
type: 'text',
text: 'foo'
}
jsPsych.init({
timeline: [trial, trial, trial, trial],
show_progress_bar: true,
auto_update_progress_bar: false
});
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
});
test('setProgressBar() manually', function(){
var trial = {
type: 'text',
text: 'foo',
on_finish: function(){
jsPsych.setProgressBar(0.2);
}
}
var trial_2 = {
type: 'text',
text: 'foo',
on_finish: function(){
jsPsych.setProgressBar(0.8);
}
}
jsPsych.init({
timeline: [trial, trial_2],
show_progress_bar: true,
auto_update_progress_bar: false
});
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('20%');
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('80%');
});
});