jspsych 6.3.0 → 7.1.1

package/tests/plugins/plugin-categorize-animation.test.js

@@ -1,263 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('categorize-animation plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-categorize-animation.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['categorize-animation']).not.toBe('undefined');
-	});
-
-	test('displays stimulus every 500ms', function(){
-		var trial = {
-			type: 'categorize-animation',
-			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-			key_answer: 'd',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">')
-	});
-
-	test('prompt should display after animation', function(){
-		var trial = {
-			type: 'categorize-animation',
-			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-			key_answer: 'd',
-			prompt: "<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		jest.runTimersToTime(1500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>');
-	});
-
-	test('should display correct if key_answer is pressed', function(){
-		var trial = {
-			type: 'categorize-animation',
-			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-			key_answer: 'd',
-			choices: ['d', 's'],
-			prompt: "<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		jest.runTimersToTime(1500);
-		utils.pressKey('d');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('Correct.');
-	});
-
-	test('should display incorrect if different key is pressed', function(){
-		var trial = {
-			type: 'categorize-animation',
-			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-			key_answer: 'd',
-			choices: ['d', 's'],
-			prompt: "<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		jest.runTimersToTime(1500);
-		utils.pressKey('s');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('Wrong.');
-	});
-
-	test('text answer should replace %ANS%', function(){
-		var trials = {
-    		type: 'categorize-animation',
-    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
-    		key_answer: 'd',
-    		choices: ['d', 's'],
-    		text_answer: 'different',
-    		correct_text: "<p>Correct. The faces had %ANS% expressions.</p>",
-    		incorrect_text: "<p>Incorrect. The faces had %ANS% expressions.</p>",
-			prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-  		};
-
-  		jsPsych.init({
-    		timeline: [trials]
-  		});
-
-		jest.runTimersToTime(1500);
-		utils.pressKey('d');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>Correct. The faces had different expressions.</p>');
-	});
-
-	test('correct text displays when when key_answer is pressed', function(){
-		var trials = {
-    		type: 'categorize-animation',
-    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
-    		key_answer: 'd',
-    		choices: ['d', 's'],
-    		correct_text: "<p>You pressed the correct key</p>",
-    		incorrect_text: "<p>Incorrect.</p>",
-			prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-  		};
-
-  		jsPsych.init({
-    		timeline: [trials]
-  		});
-
-		jest.runTimersToTime(1500);
-		utils.pressKey('d');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>You pressed the correct key</p>');
-	});
-
-	test('incorrect text displays when not key_answer is pressed', function(){
-		var trials = {
-    		type: 'categorize-animation',
-    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
-    		key_answer: 'd',
-    		choices: ['d', 's'],
-    		correct_text: "<p>You pressed the correct key</p>",
-    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
-			prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-  		};
-
-  		jsPsych.init({
-    		timeline: [trials]
-  		});
-
-		jest.runTimersToTime(1500);
-		utils.pressKey('s');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>Incorrect. You pressed the wrong key.</p>');
-	});
-
-	test('duration to display image is based on frame_time', function(){
-		var trials = {
-    		type: 'categorize-animation',
-    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-    		key_answer: 'd',
-    		choices: ['d', 's'],
-    		frame_time: 1000,
-    		correct_text: "<p>You pressed the correct key</p>",
-    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
-			prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-  		};
-
-  		jsPsych.init({
-    		timeline: [trials]
-  		});
-
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-	});
-
-	test('sequence reps', function(){
-		var trials = {
-    		type: 'categorize-animation',
-    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-    		key_answer: 'd',
-    		choices: ['d', 's'],
-    		frame_time: 1000,
-    		sequence_reps: 2,
-    		correct_text: "<p>You pressed the correct key</p>",
-    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
-			prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-  		};
-
-  		jsPsych.init({
-    		timeline: [trials]
-  		});
-
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-		jest.runTimersToTime(1000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
-	});
-
-	test('subject can response before animation is completed', function(){
-		var trials = {
-    		type: 'categorize-animation',
-    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-    		key_answer: 'd',
-    		choices: ['d', 's'],
-    		frame_time: 1000,
-    		sequence_reps: 2,
-    		correct_text: "<p>You pressed the correct key</p>",
-    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
-    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			allow_response_before_complete: true,
-			render_on_canvas: false
-  		};
-
-  		jsPsych.init({
-    		timeline: [trials]
-  		});
-
-		jest.runTimersToTime(1500);
-		utils.pressKey('d');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\"><p>You pressed the correct key</p>');
-	});
-
-	test('display should clear after feeback_duration is done', function(){
-		var trials = {
-    		type: 'categorize-animation',
-    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
-    		key_answer: 'd',
-    		choices: ['d', 's'],
-    		frame_time: 500,
-    		feeback_duration: 500,
-    		correct_text: "<p>You pressed the correct key</p>",
-    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
-			prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
-			render_on_canvas: false
-  		};
-
-  		jsPsych.init({
-    		timeline: [trials]
-  		});
-
-		jest.runTimersToTime(1500);
-		utils.pressKey('d');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>You pressed the correct key</p>');
-		jest.runTimersToTime(2000);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-});

package/tests/plugins/plugin-categorize-html.test.js

@@ -1,17 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('categorize-html plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-categorize-html.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['categorize-html']).not.toBe('undefined');
-	});
-
-});

package/tests/plugins/plugin-categorize-image.test.js

@@ -1,17 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('categorize-image plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-categorize-image.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['categorize-image']).not.toBe('undefined');
-	});
-
-});

package/tests/plugins/plugin-cloze.test.js

@@ -1,157 +0,0 @@
-const utils = require('../testing-utils.js');
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('cloze', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-cloze');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['cloze']).not.toBe('undefined');
-	});
-
-	test('displays cloze', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.',
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div class="cloze">This is a <input type="text" id="input0" value=""> text.</div>');
-	}); 
-
-	test('displays default button text', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<button class="jspsych-html-button-response-button" type="button" id="finish_cloze_button">OK</button>'));
-	});
-
-	test('displays custom button text', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.',
-			button_text: 'Next'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<button class="jspsych-html-button-response-button" type="button" id="finish_cloze_button">Next</button>'));
-	});
-
-	test('ends trial on button click when using default settings, i.e. answers are not checked', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		utils.clickTarget(document.querySelector('#finish_cloze_button'));
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('ends trial on button click when answers are checked and correct', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.',
-			check_answers: true
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		document.getElementById('input0').value = 'cloze';
-		utils.clickTarget(document.querySelector('#finish_cloze_button'));
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('does not end trial on button click when answers are checked and not correct', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.',
-			check_answers: true
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		document.getElementById('input0').value = 'some wrong answer';
-		utils.clickTarget(document.querySelector('#finish_cloze_button'));
-		expect(jsPsych.getDisplayElement().innerHTML).not.toBe('');
-	});
-
-	test('does not call mistake function on button click when answers are checked and correct', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.',
-			check_answers: true,
-			mistake_fn: function(){called = true}
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		var called = false;
-		document.getElementById('input0').value = 'cloze';
-		utils.clickTarget(document.querySelector('#finish_cloze_button'));
-		expect(called).not.toBeTruthy();
-	});
-
-	test('calls mistake function on button click when answers are checked and not correct', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text.',
-			check_answers: true,
-			mistake_fn: function(){called = true}
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		var called = false;
-		document.getElementById('input0').value = 'some wrong answer';
-		utils.clickTarget(document.querySelector('#finish_cloze_button'));
-		expect(called).toBeTruthy();
-	});
-
-	test('response data is stored as an array', function(){
-		var trial = {
-			type: 'cloze',
-			text: 'This is a %cloze% text. Here is another cloze response box %%.'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		document.getElementById('input0').value = 'cloze1';
-		document.getElementById('input1').value = 'cloze2';
-		utils.clickTarget(document.querySelector('#finish_cloze_button'));
-		var data = jsPsych.data.get().values()[0].response;
-		expect(data.length).toBe(2);
-		expect(data[0]).toBe('cloze1');
-		expect(data[1]).toBe('cloze2');
-	});
-});

package/tests/plugins/plugin-free-sort.test.js

@@ -1,106 +0,0 @@
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('free-sort plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-free-sort.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['free-sort']).not.toBe('undefined');
-	});
-
-	test('should display stimuli', function(){
-		var trial = {
-			type: 'free-sort',
-			stimuli: ['img/happy_face_1.jpg','img/happy_face_2.jpg','img/happy_face_3.jpg','img/happy_face_4.jpg']
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('src=\"img/happy_face_1.jpg\" data-src=\"img/happy_face_1.jpg\"'));
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('src=\"img/happy_face_2.jpg\" data-src=\"img/happy_face_2.jpg\"'));
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('src=\"img/happy_face_3.jpg\" data-src=\"img/happy_face_3.jpg\"'));
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('src=\"img/happy_face_4.jpg\" data-src=\"img/happy_face_4.jpg\"'));
-	});
-
-	test('should be able to adjust the height and width of free-sort area', function(){
-		var trial = {
-			type: 'free-sort',
-			stimuli: ['img/happy_face_1.jpg','img/happy_face_2.jpg','img/happy_face_3.jpg','img/happy_face_4.jpg'],
-			sort_area_height: 500,
-			sort_area_width: 700,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('class=\"jspsych-free-sort-arena\" style=\"position: relative; width:700px; height:500px;'));
-	});
-
-	test('should be able to adjust the height and width of stimuli', function(){
-		var trial = {
-			type: 'free-sort',
-			stimuli: ['img/happy_face_1.jpg','img/happy_face_2.jpg','img/happy_face_3.jpg','img/happy_face_4.jpg'],
-			stim_height: 200,
-			stim_width: 200,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<img src=\"img/happy_face_1.jpg\".+width:200px; height:200px'));
-	});
-
-	test('should display prompt', function(){
-		var trial = {
-			type: 'free-sort',
-			stimuli: ['img/happy_face_1.jpg','img/happy_face_2.jpg','img/happy_face_3.jpg','img/happy_face_4.jpg'],
-			prompt: '<p>This is a prompt</p>'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<p>This is a prompt</p>'));
-	});
-
-	test('should display prompt at bottom if prompt_location is "below"',function(){
-		var trial = {
-			type: 'free-sort',
-			stimuli: ['img/happy_face_1.jpg','img/happy_face_2.jpg','img/happy_face_3.jpg','img/happy_face_4.jpg'],
-			prompt: '<p>This is a prompt</p>',
-			prompt_location: 'below',
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<p>This is a prompt</p>.+<button id=\"jspsych-free-sort-done-btn\"'));
-	});
-
-	test('should be able to change label of button', function(){
-		var trial = {
-			type: 'free-sort',
-			stimuli: ['img/happy_face_1.jpg','img/happy_face_2.jpg','img/happy_face_3.jpg','img/happy_face_4.jpg'],
-			button_label: 'Finito'
-
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<button id=\"jspsych-free-sort-done-btn\" class=\"jspsych-btn\".+>Finito</button>'));
-	});
-
-});

package/tests/plugins/plugin-fullscreen.test.js

@@ -1,41 +0,0 @@
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('fullscreen plugin', function(){
-
-  beforeEach(function(){
-    require(root + 'jspsych.js');
-    require(root + 'plugins/jspsych-fullscreen.js');
-    // require(root + 'plugins/jspsych-text.js');
-  });
-
-  test('loads correctly', function(){
-    expect(typeof window.jsPsych.plugins['fullscreen']).not.toBe('undefined');
-  });
-
-  // can't test this right now because jsdom doesn't support fullscreen API.
-
-  /*test('launches fullscreen mode by default', function(){
-    var trial = {
-      type: 'fullscreen',
-      delay_after: 0
-    }
-
-    var text = {
-      type: 'html-keyboard-response',
-      stimulus: 'fullscreen'
-    }
-
-    jsPsych.init({
-      timeline: [trial, text]
-    });
-
-    expect(document.fullscreenElement).toBeUndefined();
-    console.log(jsPsych.getDisplayElement().requestFullscreen);
-    document.querySelector('#jspsych-fullscreen-btn').dispatchEvent(new MouseEvent('click', {}));
-
-    expect(document.fullscreenElement).not.toBeUndefined();
-  });*/
-
-});