jspsych 6.2.0 → 7.1.0

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

@@ -1,112 +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],
-			auto_preload: false
-		});
-
-		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],
-			auto_preload: false
-		});
-
-		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],
-			auto_preload: false
-		});
-
-		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],
-			auto_preload: false
-		});
-
-		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],
-			auto_preload: false
-		});
-
-		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],
-			auto_preload: false
-		});
-
-		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();
-  });*/
-
-});

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(70);
-	});
-
-	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(70);
-
-		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(70);
-	});
-
-	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(70);
-	});
-
-	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(70);
-
-		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(70);
-
-		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('');
-	});
-});