expand single-stim testing suite #351

tests/plugins/plugin-single-stim.test.js

@@ -41,7 +41,8 @@ describe('single-stim plugin', function(){
   test('display should clear after key press', function(){
     var trial = {
       type: 'single-stim',
-      stimulus: '<p>hello</p>'
+      stimulus: '<p>hello</p>',
+      is_html: true
     }
 
     jsPsych.init({
@@ -53,4 +54,122 @@ describe('single-stim plugin', function(){
 
     expect(jsPsych.getDisplayElement().innerHTML).toBe('');
   });
+
+  test('display should not clear after key press when choices is jsPsych.NO_KEYS', function(){
+    var trial = {
+      type: 'single-stim',
+      stimulus: '<p>hello</p>',
+      is_html: true,
+      choices: jsPsych.NO_KEYS
+    }
+
+    jsPsych.init({
+      timeline: [trial]
+    });
+
+    document.dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
+    document.dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-single-stim-stimulus"><p>hello</p></div>');
+  });
+
+  test('display should only clear when key is in choices array', function(){
+    var trial = {
+      type: 'single-stim',
+      stimulus: '<p>hello</p>',
+      is_html: true,
+      choices: ['f']
+    }
+
+    jsPsych.init({
+      timeline: [trial]
+    });
+
+    document.dispatchEvent(new KeyboardEvent('keydown', {keyCode: 32}));
+    document.dispatchEvent(new KeyboardEvent('keyup', {keyCode: 32}));
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-single-stim-stimulus"><p>hello</p></div>');
+
+    document.dispatchEvent(new KeyboardEvent('keydown', {keyCode: 70}));
+    document.dispatchEvent(new KeyboardEvent('keyup', {keyCode: 70}));
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('');
+  });
+
+  test('prompt should append html below stimulus', function(){
+    var trial = {
+      type: 'single-stim',
+      stimulus: '<p>hello</p>',
+      is_html: true,
+      prompt: '<div id="foo">this is the prompt</div>'
+    }
+
+    jsPsych.init({
+      timeline: [trial]
+    });
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-single-stim-stimulus"><p>hello</p></div><div id="foo">this is the prompt</div>');
+  });
+
+  test('timing_stim should set visibility of content to hidden after time has elapsed', function(){
+    jest.useFakeTimers();
+
+    var trial = {
+      type: 'single-stim',
+      stimulus: '<p>hello</p>',
+      is_html: true,
+      timing_stim: 500
+    }
+
+    jsPsych.init({
+      timeline: [trial]
+    });
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-single-stim-stimulus"><p>hello</p></div>');
+
+    jest.runAllTimers();
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-single-stim-stimulus" style="visibility: hidden;"><p>hello</p></div>');
+
+  });
+
+  test('timing_response should end trial after time has elapsed', function(){
+    jest.useFakeTimers();
+
+    var trial = {
+      type: 'single-stim',
+      stimulus: '<p>hello</p>',
+      is_html: true,
+      timing_response: 500
+    }
+
+    jsPsych.init({
+      timeline: [trial]
+    });
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-single-stim-stimulus"><p>hello</p></div>');
+
+    jest.runAllTimers();
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('');
+
+  });
+
+  test('trial should not end when response_ends_trial is false and stimulus should get responded class', function(){
+    var trial = {
+      type: 'single-stim',
+      stimulus: '<p>hello</p>',
+      is_html: true,
+      response_ends_trial: false
+    }
+
+    jsPsych.init({
+      timeline: [trial]
+    });
+
+    document.dispatchEvent(new KeyboardEvent('keydown', {keyCode: 70}));
+    document.dispatchEvent(new KeyboardEvent('keyup', {keyCode: 70}));
+
+    expect(jsPsych.getDisplayElement().innerHTML).toBe('<div id="jspsych-single-stim-stimulus" class=" responded"><p>hello</p></div>');
+  });
 });