jspsych 6.2.0 → 7.1.0

package/tests/plugins/plugin-same-different-image.test.js

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

package/tests/plugins/plugin-serial-reaction-time-mouse.test.js

@@ -1,42 +0,0 @@
-const utils = require('../testing-utils.js');
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('serial-reaction-time-mouse plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-serial-reaction-time-mouse.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['serial-reaction-time-mouse']).not.toBe('undefined');
-	});
-
-	test('default behavior', function(){
-		var trial = {
-			type: 'serial-reaction-time-mouse',
-			target: [0,0],
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-0').style.backgroundColor).toBe('rgb(153, 153, 153)');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-1').style.backgroundColor).toBe('');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-2').style.backgroundColor).toBe('');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-3').style.backgroundColor).toBe('');
-
-		utils.mouseDownMouseUpTarget(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-1'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).not.toBe('');
-
-		utils.mouseDownMouseUpTarget(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-0'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-
-	})
-
-});

package/tests/plugins/plugin-serial-reaction-time.test.js

@@ -1,69 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('serial-reaction-time plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-serial-reaction-time.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['serial-reaction-time']).not.toBe('undefined');
-	});
-
-	test('default behavior', function(){
-
-		var trial = {
-			type: 'serial-reaction-time',
-			target: [0,0]
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-0').style.backgroundColor).toBe('rgb(153, 153, 153)');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-1').style.backgroundColor).toBe('');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-2').style.backgroundColor).toBe('');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-3').style.backgroundColor).toBe('');
-
-		utils.pressKey(51);
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-		expect(jsPsych.data.get().last(1).values()[0].correct).toBe(true);
-
-	});
-
-	test('response ends trial is false', function(){
-
-		var trial = {
-			type: 'serial-reaction-time',
-			target: [0,0],
-			response_ends_trial: false,
-			trial_duration: 1000
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-0').style.backgroundColor).toBe('rgb(153, 153, 153)');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-1').style.backgroundColor).toBe('');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-2').style.backgroundColor).toBe('');
-		expect(document.querySelector('#jspsych-serial-reaction-time-stimulus-cell-0-3').style.backgroundColor).toBe('');
-
-		utils.pressKey(51);
-
-		expect(jsPsych.getDisplayElement().innerHTML).not.toBe('');
-
-		jest.runTimersToTime(1000);
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-		//expect(jsPsych.data.get().last(1).values()[0].correct).toBe(true);
-
-	});
-
-});

package/tests/plugins/plugin-survey-html-form.test.js

@@ -1,44 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-const TEST_VALUE = 'jsPsych'
-
-describe('survey-html-form plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-survey-html-form.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['survey-html-form']).not.toBe('undefined');
-	});
-
-	test('default parameters work correctly', function(){
-		var trial = {
-			type: 'survey-html-form',
-			html: '<p> I am feeling <input name="first" type="text" />, <input name="second" type="text" />, and <input name="third" type="text" />.</p>'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelectorAll('#jspsych-survey-html-form input:not([type="submit"]').length).toBe(3);
-
-		// Provide some test input
-		jsPsych.getDisplayElement().querySelectorAll('#jspsych-survey-html-form input[name="second"]')[0].value = TEST_VALUE
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-html-form-next'));
-
-		// Ensure, there are no remaining contents
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-
-		// Check whether data is parsed properly
-		var data = JSON.parse(jsPsych.data.get().values()[0].responses)
-		expect(data.second).toBe(TEST_VALUE)
-	});
-
-});

package/tests/plugins/plugin-survey-likert.test.js

@@ -1,48 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('survey-likert plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-survey-likert.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['survey-likert']).not.toBe('undefined');
-	});
-
-	test('data are logged with the right question when randomize order is true', function(){
-		var scale = ['a','b','c','d','e'];
-		var t = {
-			type: 'survey-likert',
-			questions: [
-				{ prompt: 'Q0', labels: scale },
-				{ prompt: 'Q1', labels: scale },
-				{ prompt: 'Q2', labels: scale },
-				{ prompt: 'Q3', labels: scale },
-				{ prompt: 'Q4', labels: scale }
-			],
-			randomize_question_order: true
-		}
-		jsPsych.init({timeline:[t]});
-
-		document.querySelector('input[name="Q0"][value="0"]').checked = true;
-		document.querySelector('input[name="Q1"][value="1"]').checked = true;
-		document.querySelector('input[name="Q2"][value="2"]').checked = true;
-		document.querySelector('input[name="Q3"][value="3"]').checked = true;
-		document.querySelector('input[name="Q4"][value="4"]').checked = true;
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-likert-next'));
-
-		var survey_data = JSON.parse(jsPsych.data.get().values()[0].responses);
-		expect(survey_data.Q0).toBe(0);
-		expect(survey_data.Q1).toBe(1);
-		expect(survey_data.Q2).toBe(2);
-		expect(survey_data.Q3).toBe(3);
-		expect(survey_data.Q4).toBe(4);
-	});
-
-});

package/tests/plugins/plugin-survey-multi-choice.test.js

@@ -1,48 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('survey-multi-choice plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-survey-multi-choice.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['survey-multi-choice']).not.toBe('undefined');
-	});
-
-	test('data are logged with the right question when randomize order is true', function(){
-		var scale = ['a','b','c','d','e'];
-		var t = {
-			type: 'survey-multi-choice',
-			questions: [
-				{ prompt: 'Q0', options: scale },
-				{ prompt: 'Q1', options: scale },
-				{ prompt: 'Q2', options: scale },
-				{ prompt: 'Q3', options: scale },
-				{ prompt: 'Q4', options: scale }
-			],
-			randomize_question_order: true
-		}
-		jsPsych.init({timeline:[t]});
-
-		document.querySelector('#jspsych-survey-multi-choice-0 input[value="a"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-choice-1 input[value="b"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-choice-2 input[value="c"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-choice-3 input[value="d"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-choice-4 input[value="e"]').checked = true;
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-multi-choice-next'));
-
-		var survey_data = JSON.parse(jsPsych.data.get().values()[0].responses);
-		console.log(jsPsych.data.get().json())
-		expect(survey_data.Q0).toBe('a');
-		expect(survey_data.Q1).toBe('b');
-		expect(survey_data.Q2).toBe('c');
-		expect(survey_data.Q3).toBe('d');
-		expect(survey_data.Q4).toBe('e');
-	});
-});

package/tests/plugins/plugin-survey-multi-select.test.js

@@ -1,72 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('survey-multi-select plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-survey-multi-select.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['survey-multi-select']).not.toBe('undefined');
-	});
-
-	test('quoted values for options work', function(){
-		var trial = {
-			type: 'survey-multi-select',
-			questions: [{
-				prompt: 'foo',
-				options: ['Hello "boo"', "yes, 'bar'"]
-			}]
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-survey-multi-select-option-0-0 input').value).toBe('Hello "boo"');
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-survey-multi-select-option-0-1 input').value).toBe("yes, 'bar'");
-
-		jsPsych.getDisplayElement().querySelector('#jspsych-survey-multi-select-form').dispatchEvent(new Event('submit'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-
-
-	});
-
-	test('data are logged with the right question when randomize order is true', function(){
-		var scale = ['a','b','c','d','e'];
-		var t = {
-			type: 'survey-multi-select',
-			questions: [
-				{ prompt: 'Q0', options: scale },
-				{ prompt: 'Q1', options: scale },
-				{ prompt: 'Q2', options: scale },
-				{ prompt: 'Q3', options: scale },
-				{ prompt: 'Q4', options: scale }
-			],
-			randomize_question_order: true
-		}
-		jsPsych.init({timeline:[t]});
-
-		document.querySelector('#jspsych-survey-multi-select-0 input[value="a"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-select-1 input[value="b"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-select-2 input[value="c"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-select-3 input[value="d"]').checked = true;
-		document.querySelector('#jspsych-survey-multi-select-4 input[value="e"]').checked = true;
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-multi-select-next'));
-
-		var survey_data = JSON.parse(jsPsych.data.get().values()[0].responses);
-		console.log(jsPsych.data.get().json())
-		expect(survey_data.Q0[0]).toBe('a');
-		expect(survey_data.Q1[0]).toBe('b');
-		expect(survey_data.Q2[0]).toBe('c');
-		expect(survey_data.Q3[0]).toBe('d');
-		expect(survey_data.Q4[0]).toBe('e');
-	});
-
-});

package/tests/plugins/plugin-survey-text.test.js

@@ -1,115 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('survey-text plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-survey-text.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['survey-text']).not.toBe('undefined');
-	});
-
-	test('default parameters work correctly', function(){
-		var trial = {
-			type: 'survey-text',
-			questions: [{prompt: "How old are you?"}, {prompt: "Where were you born?"}]
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelectorAll('p.jspsych-survey-text').length).toBe(2);
-		expect(jsPsych.getDisplayElement().querySelector('input[name="#jspsych-survey-text-response-0"]').size).toBe(40);
-		expect(jsPsych.getDisplayElement().querySelector('input[name="#jspsych-survey-text-response-1"]').size).toBe(40);
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-text-next'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('specifying only columns works', function(){
-		var trial = {
-			type: 'survey-text',
-			questions: [
-				{prompt: "How old are you?", columns: 50},
-				{prompt: "Where were you born?", columns: 20}
-			]
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelectorAll('p.jspsych-survey-text').length).toBe(2);
-		expect(jsPsych.getDisplayElement().querySelector('input[name="#jspsych-survey-text-response-0"]').size).toBe(50);
-		expect(jsPsych.getDisplayElement().querySelector('input[name="#jspsych-survey-text-response-1"]').size).toBe(20);
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-text-next'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	// might be useful: https://github.com/jsdom/jsdom/issues/544
-	test.skip('required parameter works', function(){
-		var trial = {
-			type: 'survey-text',
-			questions: [
-				{prompt: "How old are you?", columns: 50, required: true},
-				{prompt: "Where were you born?", columns: 20}
-			]
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelectorAll('p.jspsych-survey-text').length).toBe(2);
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-text-next'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).not.toBe('');
-
-		document.querySelector('input[name="#jspsych-survey-text-response-0"]').value = "100";
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-text-next'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('data are logged with the right question when randomize order is true', function(){
-		var t = {
-			type: 'survey-text',
-			questions: [
-				{ prompt: 'Q0' },
-				{ prompt: 'Q1' },
-				{ prompt: 'Q2' },
-				{ prompt: 'Q3' },
-				{ prompt: 'Q4' }
-			],
-			randomize_question_order: true
-		}
-		jsPsych.init({timeline:[t]});
-
-		document.querySelector('#input-0').value = "a0";
-		document.querySelector('#input-1').value = "a1";
-		document.querySelector('#input-2').value = "a2";
-		document.querySelector('#input-3').value = "a3";
-		document.querySelector('#input-4').value = "a4";
-
-		utils.clickTarget(document.querySelector('#jspsych-survey-text-next'));
-
-		var survey_data = JSON.parse(jsPsych.data.get().values()[0].responses);
-		expect(survey_data.Q0).toBe('a0');
-		expect(survey_data.Q1).toBe('a1');
-		expect(survey_data.Q2).toBe('a2');
-		expect(survey_data.Q3).toBe('a3');
-		expect(survey_data.Q4).toBe('a4');
-	});
-
-});

package/tests/plugins/plugin-video-button-response.test.js

@@ -1,35 +0,0 @@
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('video-button-response plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		// don't load plugin here - need to spy on registerPreload before its called
-	});
-
-	test('loads correctly', function(){
-		require(root + 'plugins/jspsych-video-button-response.js');
-		expect(typeof window.jsPsych.plugins['video-button-response']).not.toBe('undefined');
-	});
-
-	test('video preloading initiates automatically', function(){
-		const preload_spy = jest.spyOn(jsPsych.pluginAPI, 'registerPreload');
-		const console_spy = jest.spyOn(console, 'warn');
-		require(root + 'plugins/jspsych-video-button-response.js');
-		var trial = {
-			type: 'video-button-response',
-			stimulus: [root + 'tests/media/sample_video.mp4'],
-			choices: ['y']
-		}
-		jsPsych.init({
-			timeline: [trial]
-		});
-		expect(preload_spy).toHaveBeenCalled(); 
-		expect(console_spy).not.toHaveBeenCalledWith('jsPsych failed to auto preload one or more files:');
-		preload_spy.mockRestore();
-		console_spy.mockRestore();
-	});
-
-});

package/tests/plugins/plugin-video-keyboard-response.test.js

@@ -1,35 +0,0 @@
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('video-keyboard-response plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		// don't load plugin here - need to spy on registerPreload before its called
-	});
-
-	test('loads correctly', function(){
-		require(root + 'plugins/jspsych-video-keyboard-response.js');
-		expect(typeof window.jsPsych.plugins['video-keyboard-response']).not.toBe('undefined');
-	});
-
-	test('video preloading initiates automatically', function(){
-		const preload_spy = jest.spyOn(jsPsych.pluginAPI, 'registerPreload');
-		const console_spy = jest.spyOn(console, 'warn');
-		require(root + 'plugins/jspsych-video-keyboard-response.js');
-		var trial = {
-			type: 'video-keyboard-response',
-			stimulus: [root + 'tests/media/sample_video.mp4'],
-			choices: jsPsych.ALL_KEYS
-		}
-		jsPsych.init({
-			timeline: [trial]
-		});
-		expect(preload_spy).toHaveBeenCalled(); 
-		expect(console_spy).not.toHaveBeenCalledWith('jsPsych failed to auto preload one or more files:');
-		preload_spy.mockRestore();
-		console_spy.mockRestore();
-	});
-
-});

package/tests/plugins/plugin-video-slider-response.test.js

@@ -1,34 +0,0 @@
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('video-slider-response plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		// don't load plugin here - need to spy on registerPreload before its called
-	});
-
-	test('loads correctly', function(){
-		require(root + 'plugins/jspsych-video-slider-response.js');
-		expect(typeof window.jsPsych.plugins['video-slider-response']).not.toBe('undefined');
-	});
-
-	test('video preloading initiates automatically', function(){
-		const preload_spy = jest.spyOn(jsPsych.pluginAPI, 'registerPreload');
-		const console_spy = jest.spyOn(console, 'warn');
-		require(root + 'plugins/jspsych-video-slider-response.js');
-		var trial = {
-			type: 'video-slider-response',
-			stimulus: [root + 'tests/media/sample_video.mp4']
-		}
-		jsPsych.init({
-			timeline: [trial]
-		});
-		expect(preload_spy).toHaveBeenCalled();
-		expect(console_spy).not.toHaveBeenCalledWith('jsPsych failed to auto preload one or more files:');
-		preload_spy.mockRestore();
-		console_spy.mockRestore();
-	});
-
-});

package/tests/plugins/plugin-visual-search-circle.test.js

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

package/tests/plugins/plugin-vsl-animate-occlusion.test.js

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

package/tests/plugins/plugin-vsl-grid-scene.test.js

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

package/tests/testing-utils.js

@@ -1,13 +0,0 @@
-exports.pressKey = function(key){
-  document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keydown', {keyCode: key}));
-  document.querySelector('.jspsych-display-element').dispatchEvent(new KeyboardEvent('keyup', {keyCode: key}));
-}
-
-exports.mouseDownMouseUpTarget = function(target){
-  target.dispatchEvent(new MouseEvent('mousedown', {bubbles: true}));
-  target.dispatchEvent(new MouseEvent('mouseup', {bubbles: true}));
-}
-
-exports.clickTarget = function(target){
-	target.dispatchEvent(new MouseEvent('click', {bubbles: true}));
-}