jspsych 6.3.1 → 7.1.2

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

@@ -1,161 +0,0 @@
-const utils = require('../testing-utils.js');
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('html-button-response', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-html-button-response');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['html-button-response']).not.toBe('undefined');
-	});
-
-	test('displays html stimulus', function(){
-		var trial = {
-			type: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice']
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-button-response-stimulus">this is html</div>');
-	}); 
-
-	test('display button labels', function(){
-		var trial = {
-			type: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice1', 'button-choice2']
-		}
-
-		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: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['buttonChoice'],
-			button_html: '<button class="jspsych-custom-button">%choice%</button>',
-		}
-
-		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: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice']
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<div id="jspsych-html-button-response-stimulus">this is html</div>'));
-
-		utils.clickTarget(document.querySelector('#jspsych-html-button-response-button-0'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('prompt should append below button', function(){
-		var trial = {
-			type: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice'],
-			prompt: '<p>this is a prompt</p>'
-		}
-
-		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: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice'],
-			stimulus_duration: 500
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-button-response-stimulus').style.visibility).toMatch("");
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-button-response-stimulus').style.visibility).toMatch('hidden');
-	});
-
-	test('should end trial when trial duration is reached', function(){
-		var trial = {
-			type: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice'],
-			trial_duration: 500,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-button-response-stimulus">this is html</div>');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('should end trial when button is clicked', function(){
-		var trial = {
-			type: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice'],
-			response_ends_trial: true,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-button-response-stimulus">this is html</div>');
-		utils.clickTarget(document.querySelector('#jspsych-html-button-response-button-0'));
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('class should have responded when button is clicked', function(){
-		var trial = {
-			type: 'html-button-response',
-			stimulus: 'this is html',
-			choices: ['button-choice'],
-			response_ends_trial: false,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-button-response-stimulus">this is html</div>');
-		utils.clickTarget(document.querySelector('#jspsych-html-button-response-button-0'));
-		expect(document.querySelector('#jspsych-html-button-response-stimulus').className).toBe(' responded');
-	});
-});

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

@@ -1,139 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-jest.useFakeTimers();
-
-describe('html-keyboard-response', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-html-keyboard-response');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['html-keyboard-response']).not.toBe('undefined');
-	});
-
-	test('displays html stimulus', function(){
-		var trial = {
-			type: 'html-keyboard-response',
-			stimulus: 'this is html'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-html-keyboard-response-stimulus">this is html</div>');
-
-		utils.pressKey('a');
-	});
-
-	test('display clears after key press', function(){
-		var trial = {
-			type: 'html-keyboard-response',
-			stimulus: 'this is html',
-			choices: ['f', 'j']
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<div id="jspsych-html-keyboard-response-stimulus">this is html</div>'));
-
-		utils.pressKey('f');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('prompt should append html below stimulus', function(){
-		var trial = {
-			type: 'html-keyboard-response',
-			stimulus: 'this is html',
-			choices: ['f', 'j'],
-			prompt: '<div id="foo">this is a prompt</div>'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<div id="jspsych-html-keyboard-response-stimulus">this is html</div><div id="foo">this is a prompt</div>'));
-
-		utils.pressKey('f');
-	});
-
-	test('should hide stimulus if stimulus-duration is set', function(){
-		var trial = {
-			type: 'html-keyboard-response',
-			stimulus: 'this is html',
-			choices: ['f','j'],
-			stimulus_duration: 500,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-keyboard-response-stimulus').style.visibility).toMatch("");
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-keyboard-response-stimulus').style.visibility).toMatch("hidden");
-		utils.pressKey('f');
-	});
-
-	test('should end trial when trial duration is reached', function(){
-		var trial ={
-			type: 'html-keyboard-response',
-			stimulus: 'this is html',
-			choices: ['f', 'j'],
-			trial_duration: 500,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-keyboard-response-stimulus">this is html</div>');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('should end trial when key press', function(){
-		var trial = {
-			type: 'html-keyboard-response',
-			stimulus: 'this is html',
-			choices: ['f', 'j'],
-			response_ends_trial: true,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<div id="jspsych-html-keyboard-response-stimulus">this is html</div>'));
-
-		utils.pressKey('f');
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('class should say responded when key is pressed', function(){
-		var trial = {
-			type: 'html-keyboard-response',
-			stimulus: 'this is html',
-			choices: ['f','j'],
-			response_ends_trial: false,
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch(new RegExp('<div id="jspsych-html-keyboard-response-stimulus">this is html</div>'));
-
-		utils.pressKey('f');
-
-		expect(document.querySelector('#jspsych-html-keyboard-response-stimulus').className).toBe(' responded');
-	});
-});

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

@@ -1,155 +0,0 @@
-const utils = require('../testing-utils.js');
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('html-slider-response', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-html-slider-response.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['html-slider-response']).not.toBe('undefined');
-	});
-
-	test('displays html stimulus', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			button_label: 'button'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-slider-response-stimulus">this is html</div>');
-	});
-
-	test('displays labels', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			button_label: 'button'
-		}
-
-		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>');
-	});
-
-	test('displays button label', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			button_label: 'button'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<button id=\"jspsych-html-slider-response-next\" class=\"jspsych-btn\">button</button>');
-	});
-
-	test('should set min, max and step', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			min: 2,
-			max: 10,
-			step: 2,
-			button_label: 'button'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-slider-response-response').min).toBe('2');
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-slider-response-response').max).toBe('10');
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-slider-response-response').step).toBe('2');
-	});
-
-	test('should append to bottom on stimulus', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			prompt: '<p>This is a prompt</p>'
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<p>This is a prompt</p>');
-	});
-
-	test('should hide stimulus if stimulus_duration is set', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			stimulus_duration: 500
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-slider-response-stimulus').style.visibility).toMatch("");
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().querySelector('#jspsych-html-slider-response-stimulus').style.visibility).toMatch("hidden");
-	});
-
-	test('should end trial when trial duration is reached', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			trial_duration: 500
-
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-slider-response-stimulus">this is html</div>');
-		jest.runTimersToTime(500);
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-
-	test('should end trial when button is clicked', function(){
-		var trial = {
-			type: 'html-slider-response',
-			stimulus: 'this is html',
-			labels: ['left', 'right'],
-			button_label: 'button',
-			response_ends_trial: true
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(jsPsych.getDisplayElement().innerHTML).toMatch('<div id="jspsych-html-slider-response-stimulus">this is html</div>');
-
-		utils.clickTarget(document.querySelector('#jspsych-html-slider-response-next'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-	});
-});