jspsych 6.3.1 → 7.1.2

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

@@ -1,174 +0,0 @@
-const utils = require('../testing-utils.js');
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('image-button-response', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-image-button-response');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['image-button-response']).not.toBe('undefined');
-	});
-
-	test('displays image stimulus', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['button-choice'],
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src="../media/blue.png"');
-	});
-
-	test('display button labels', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['button-choice1', 'button-choice2'],
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<button class=\"jspsych-btn\">button-choice1</button>'));
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<button class=\"jspsych-btn\">button-choice2</button>'));
-	});
-
-	test('display button html', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['buttonChoice'],
-			button_html: '<button class="jspsych-custom-button">%choice%</button>',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<button class="jspsych-custom-button">buttonChoice</button>'));
-	});
-
-	test('display should clear after button click', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['button-choice'],
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src="../media/blue.png" id="jspsych-image-button-response-stimulus"');
-
-		utils.clickTarget(document.querySelector('#jspsych-image-button-response-button-0'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('prompt should append below button', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['button-choice'],
-			prompt: '<p>This is a prompt</p>',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<button class=\"jspsych-btn\">button-choice</button></div></div><p>This is a prompt</p>');
-	});
-
-	test('should hide stimulus if stimulus-duration is set', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['button-choice'],
-			stimulus_duration: 500,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-button-response-stimulus').style.visibility).toMatch("");
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-button-response-stimulus').style.visibility).toMatch('hidden');
-	});
-
-	test('should end trial when trial duration is reached', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['f','j'],
-			trial_duration: 500,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src="../media/blue.png" id="jspsych-image-button-response-stimulus"');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('should end trial when button is clicked', function(){
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['button-choice'],
-			response_ends_trial: true,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src="../media/blue.png" id="jspsych-image-button-response-stimulus"');
-
-		utils.clickTarget(document.querySelector('#jspsych-image-button-response-button-0'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('should show console warning when trial duration is null and response ends trial is false', function() {
-		const spy = jest.spyOn(console, 'warn').mockImplementation();
-		
-		var trial = {
-			type: 'image-button-response',
-			stimulus: '../media/blue.png',
-			choices: ['button-choice'],
-			response_ends_trial: false,
-			trial_duration: null,
-			render_on_canvas: false
-		};
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(spy).toHaveBeenCalled();
-		spy.mockRestore();
-	});
-});

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

@@ -1,147 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('image-keyboard-response', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-image-keyboard-response');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['image-keyboard-response']).not.toBe('undefined');
-	});
-
-	test('displays image stimulus', function(){
-		var trial = {
-			type: 'image-keyboard-response',
-			stimulus: '../media/blue.png',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src=\"../media/blue.png\" id=\"jspsych-image-keyboard-response-stimulus\"');
-
-		utils.pressKey('a');
-	});
-
-	test('display clears after key press', function(){
-		var trial = {
-			type: 'image-keyboard-response',
-			stimulus: '../media/blue.png',
-			choices: ['f','j'],
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src="../media/blue.png" id="jspsych-image-keyboard-response-stimulus"');
-
-		utils.pressKey('f');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('prompt should append html', function(){
-		var trial = {
-			type: 'image-keyboard-response',
-			stimulus: '../media/blue.png',
-			choices: ['f','j'],
-			prompt: '<div id="foo">this is a prompt</div>',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="foo">this is a prompt</div>');
-		utils.pressKey('f');
-	});
-
-	test('should hide stimulus if stimulus-duration is set', function(){
-		var trial = {
-			type: 'image-keyboard-response',
-			stimulus: '../media/blue.png',
-			choices:['f','j'],
-			stimulus_duration: 500,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-keyboard-response-stimulus').style.visibility).toMatch("");
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-keyboard-response-stimulus').style.visibility).toMatch("hidden");
-		utils.pressKey('f');
-
-	});
-
-	test('should end trial when trial duration is reached', function(){
-		var trial = {
-			type: 'image-keyboard-response',
-			stimulus: '../media/blue.png',
-			choices: ['f','j'],
-			trial_duration: 500,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src="../media/blue.png" id="jspsych-image-keyboard-response-stimulus"');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('should end trial when key is pressed', function(){
-		var trial = {
-			type:'image-keyboard-response',
-			stimulus: '../media/blue.png',
-			choices: ['f','j'],
-			response_ends_trial: true,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<img src="../media/blue.png" id="jspsych-image-keyboard-response-stimulus"');
-
-		utils.pressKey('f');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	
-	test('should show console warning when trial duration is null and response ends trial is false', function() {
-		const spy = jest.spyOn(console, 'warn').mockImplementation();
-
-		var trial = {
-			type: 'image-keyboard-response',
-			stimulus: '../media/blue.png',
-			choices: ['f','j'],
-			response_ends_trial: false,
-			trial_duration: null,
-			render_on_canvas: false
-		};
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(spy).toHaveBeenCalled();
-		spy.mockRestore();
-	});
-});

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

@@ -1,174 +0,0 @@
-const utils = require('../testing-utils.js');
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('image-slider-response', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-image-slider-response.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['image-slider-response']).not.toBe('undefined');
-	});
-
-	test('displays image stimulus', function(done){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			render_on_canvas: false,
-			on_load: function(){
-				expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-image-slider-response-stimulus"><img src="../media/blue.png"');
-				utils.clickTarget(document.querySelector('#jspsych-image-slider-response-next'));
-				done();
-			}
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-	});
-
-	test('displays labels', function(){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<span style=\"text-align: center; font-size: 80%;\">left</span>');
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<span style=\"text-align: center; font-size: 80%;\">right</span>');
-
-		utils.clickTarget(document.querySelector('#jspsych-image-slider-response-next'));
-	})
-
-	test('displays button label', function(){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<button id=\"jspsych-image-slider-response-next\" class=\"jspsych-btn\">button</button>');
-
-		utils.clickTarget(document.querySelector('#jspsych-image-slider-response-next'));
-	});
-
-	test('should set min, max and step', function(){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			min: 2,
-			max: 10,
-			step: 2,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-slider-response-response').min).toBe('2');
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-slider-response-response').max).toBe('10');
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-slider-response-response').step).toBe('2');
-
-		utils.clickTarget(document.querySelector('#jspsych-image-slider-response-next'));
-	});
-
-	test('prompt should append to bottom of stimulus', function(){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			prompt: '<p>This is a prompt</p>',
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<p>This is a prompt</p>');
-
-		utils.clickTarget(document.querySelector('#jspsych-image-slider-response-next'));
-	});
-
-	test('should hide stimulus if stimulus_duration is set', function(){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			stimulus_duration: 500,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-slider-response-stimulus').style.visibility).toMatch("");
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-image-slider-response-stimulus').style.visibility).toMatch("hidden");
-		utils.clickTarget(document.querySelector('#jspsych-image-slider-response-next'));
-	});
-
-	test('should end trial when trial duration is reached', function(){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			trial_duration: 500,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-image-slider-response-stimulus"><img src="../media/blue.png"');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('should end trial when button is clicked', function(){
-		var trial = {
-			type: 'image-slider-response',
-			stimulus: '../media/blue.png',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			response_ends_trial: true,
-			render_on_canvas: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-image-slider-response-stimulus"><img src="../media/blue.png"');
-
-		utils.clickTarget(document.querySelector('#jspsych-image-slider-response-next'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-});

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

@@ -1,85 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('instructions plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-instructions.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['instructions']).not.toBe('undefined');
-	});
-
-	test('keys can be specified as strings', function(){
-		var trial = {
-			type: 'instructions',
-			pages: ['page 1', 'page 2'],
-			key_forward: 'a'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('page 1');
-
-		utils.pressKey('a');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('page 2');
-
-		utils.pressKey('a');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('bug issue #544 reproduce', function(){
-		var trial = {
-			type: 'instructions',
-			pages: ['page 1', 'page 2'],
-			key_forward: 'a',
-			allow_backward: false
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('page 1');
-
-		utils.pressKey('a');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('page 2');
-
-		utils.pressKey('ArrowLeft');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('page 2');
-
-		utils.pressKey('a');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	})
-
-	test('view history data is stored as array of objects', function(){
-		var trial = {
-			type: 'instructions',
-			pages: ['page 1', 'page 2'],
-			key_forward: 'a'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		utils.pressKey('a');
-		utils.pressKey('a');
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-		var data = jsPsych.data.get().values()[0].view_history;
-		expect(data[0].page_index).toBe(0);
-		expect(data[1].page_index).toBe(1);
-	})
-
-});

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

@@ -1,39 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('maxdiff plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-maxdiff.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['maxdiff']).not.toBe('undefined');
-	});
-
-	test('returns appropriate response with randomization', function(){
-		var trial = {
-			type: 'maxdiff',
-			alternatives: ['a', 'b', 'c', 'd'],
-			labels: ['Most', 'Least'],
-			randomize_alternative_order: true
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		document.querySelector('input[data-name="0"][name="left"]').checked = true;
-		document.querySelector('input[data-name="1"][name="right"]').checked = true;
-
-		utils.clickTarget(document.querySelector('#jspsych-maxdiff-next'));
-
-		var maxdiff_data = jsPsych.data.get().values()[0];
-		expect(maxdiff_data.response.left).toBe("a");
-		expect(maxdiff_data.response.right).toBe("b");
-	});
-
-});