jspsych 6.3.1 → 7.1.2

package/tests/jsPsych/functions-as-parameters.test.js

@@ -1,210 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-beforeEach(function(){
-  require(root + 'jspsych.js');
-  require(root + 'plugins/jspsych-html-keyboard-response.js');
-  require(root + 'plugins/jspsych-survey-text.js');
-});
-
-describe('standard use of function as parameter', function(){
-  test('function value is used as parameter', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: function(){
-        return 'foo'
-      }
-    }
-
-    jsPsych.init({
-      timeline: [trial]
-    })
-
-    expect(jsPsych.getDisplayElement().innerHTML).toMatch('foo');
-    utils.pressKey('a');
-  });
-
-  test('function evaluates at runtime', function(){
-    var x = 'foo';
-
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: function(){
-        return x;
-      }
-    }
-
-    x = 'bar';
-
-    jsPsych.init({
-      timeline: [trial]
-    })
-
-    expect(jsPsych.getDisplayElement().innerHTML).toMatch('bar');
-    utils.pressKey('a');
-  })
-
-  test('parameters can be protected from early evaluation using jsPsych.plugins.parameterType.FUNCTION', function(){
-    require(root + 'plugins/jspsych-cloze.js');
-
-    var mock = jest.fn();
-
-    var trial = {
-      type: 'cloze',
-      text: '%foo%',
-      check_answers: true,
-      mistake_fn: mock
-    }
-
-    jsPsych.init({timeline: [trial]});
-
-    expect(mock).not.toHaveBeenCalled();
-    utils.clickTarget(document.querySelector('#finish_cloze_button'));
-    expect(mock).toHaveBeenCalledTimes(1);
-  })
-})
-
-describe('data as function', function(){
-  test('entire data object can be function', function(){
-         
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo',
-      data: function(){
-        return {x:1}
-      }
-    }
-
-    jsPsych.init({
-      timeline: [trial]
-    })
-
-    utils.pressKey('a');
-    expect(jsPsych.data.get().values()[0].x).toBe(1)    
-  })
-
-  test('single parameter of data object can be function', function(){
-         
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo',
-      data: {
-        x: function() { return 1; }
-      }
-    }
-
-    jsPsych.init({
-      timeline: [trial]
-    })
-
-    utils.pressKey('a');
-    expect(jsPsych.data.get().values()[0].x).toBe(1)    
-  })
-})
-
-describe('nested parameters as functions', function(){
-
-  test('entire parameter can be a function', function(){
-   
-    var trial = {
-			type: 'survey-text',
-			questions: function(){
-        return [{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);
-		
-		utils.clickTarget(document.querySelector('#jspsych-survey-text-next'));
-
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-  })
-
-  test('nested parameter can be a function', function(){
-   
-    var trial = {
-			type: 'survey-text',
-			questions: [{prompt: function(){ return "foo"; }}, {prompt: "bar"}]
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(document.querySelector('#jspsych-survey-text-0 p.jspsych-survey-text').innerHTML).toBe('foo');
-		expect(document.querySelector('#jspsych-survey-text-1 p.jspsych-survey-text').innerHTML).toBe('bar');
-		utils.clickTarget(document.querySelector('#jspsych-survey-text-next'));
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-  })
-
-  test('multiple nested parameters can be functions', function(){
-    require(root + 'plugins/jspsych-survey-multi-choice.js');
-
-    var trial = {
-			type: 'survey-multi-choice',
-			questions: [
-        {prompt: function(){ return "foo"; }, options: function() { return ['buzz','fizz']; }}, 
-        {prompt: "bar", options: function() { return ['one','two']; }}
-      ]
-		}
-
-		jsPsych.init({
-			timeline: [trial]
-		});
-
-		expect(document.querySelector('#jspsych-survey-multi-choice-0').innerHTML).toMatch('foo');
-    expect(document.querySelector('#jspsych-survey-multi-choice-0').innerHTML).toMatch('buzz');
-		expect(document.querySelector('#jspsych-survey-multi-choice-1').innerHTML).toMatch('bar');
-    expect(document.querySelector('#jspsych-survey-multi-choice-1').innerHTML).toMatch('one');
-		utils.clickTarget(document.querySelector('#jspsych-survey-multi-choice-next'));
-		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
-  })
-
-  test('nested parameters can be protected from early evaluation using jsPsych.plugins.parameterType.FUNCTION', function(){
-    // currently no plugins that use this feature (Jan. 2021), so here's a simple placeholder plugin.
-    jsPsych.plugins['fn-test'] = {};
-    jsPsych.plugins['fn-test'].info = {
-      parameters: {
-        foo: {
-          type: jsPsych.plugins.parameterType.COMPLEX,
-          default: null,
-          nested: {
-            not_protected: {
-              type: jsPsych.plugins.parameterType.STRING,
-              default: null
-            },
-            protected: {
-              type: jsPsych.plugins.parameterType.FUNCTION,
-              default: null
-            }
-          }
-        }
-      }
-    }
-    jsPsych.plugins['fn-test'].trial = function(display_element, trial){
-      jsPsych.finishTrial({
-        not_protected: trial.foo[0].not_protected,
-        protected: trial.foo[0].protected
-      })
-    }
-
-    var trial = {
-      type: 'fn-test',
-      foo: [{
-        not_protected: function(){ return 'x';},
-        protected: function() { return 'y';}
-      }]
-    }
-
-    jsPsych.init({timeline: [trial]});
-
-    var data = jsPsych.data.get().values()[0];
-    expect(data.not_protected).toBe('x');
-    expect(data.protected).not.toBe('y');
-    expect(data.protected()).toBe('y');
-  })
-})

package/tests/jsPsych/init.test.js

@@ -1,48 +0,0 @@
-require("../../jspsych");
-require("../../plugins/jspsych-html-keyboard-response");
-
-describe("jsPsych init", () => {
-  beforeEach(() => {
-    document.body.innerHTML = "";
-  });
-
-  function setReadyState(targetState) {
-    jest
-      .spyOn(document, "readyState", "get")
-      .mockImplementation(() => targetState);
-  }
-
-  function getBodyHTML() {
-    return document.body.innerHTML;
-  }
-
-  function init() {
-    jsPsych.init({
-      timeline: [
-        {
-          type: "html-keyboard-response",
-          stimulus: "foo",
-        },
-      ],
-    });
-  }
-
-  it("should delay execution until the document is ready", () => {
-    expect(getBodyHTML()).toBe("");
-
-    setReadyState("loading");
-    init();
-    expect(getBodyHTML()).toBe("");
-
-    // Simulate the document getting ready
-    setReadyState("complete");
-    window.dispatchEvent(new Event("load"));
-    expect(getBodyHTML()).not.toBe("");
-  });
-
-  it("should execute immediately when the document is ready", () => {
-    // The document is ready by default in jsdom
-    init();
-    expect(getBodyHTML()).not.toBe("");
-  });
-});

package/tests/jsPsych/loads.test.js

@@ -1,7 +0,0 @@
-const root = '../../';
-
-require(root + 'jspsych.js');
-
-test('jsPsych should be in the window object', function(){
-  expect(typeof window.jsPsych).not.toBe('undefined');
-});

package/tests/jsPsych/min-rt.test.js

@@ -1,58 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-// ideally, use fake timers for this test, but 'modern' timers that work
-// with performance.now() break something in the first test. wait for fix?
-//jest.useFakeTimers('modern');
-//jest.useFakeTimers();
-
-beforeEach(function(){
-  require(root + 'jspsych.js');
-  require(root + 'plugins/jspsych-html-keyboard-response.js');
-});
-
-describe('minimum_valid_rt parameter', function(){
-  test('has a default value of 0', function(){
-    var t = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo'
-    }
-
-    var t2 = {
-      type: 'html-keyboard-response',
-      stimulus: 'bar'
-    }
-
-    jsPsych.init({timeline: [t,t2]});
-
-    expect(jsPsych.getDisplayElement().innerHTML).toMatch('foo');
-    utils.pressKey('a');
-    expect(jsPsych.getDisplayElement().innerHTML).toMatch('bar');
-    utils.pressKey('a');
-  });
-
-  test('correctly prevents fast responses when set', function(done){
-    var t = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo'
-    }
-
-    var t2 = {
-      type: 'html-keyboard-response',
-      stimulus: 'bar'
-    }
-
-    jsPsych.init({timeline: [t,t2], minimum_valid_rt: 100});
-
-    expect(jsPsych.getDisplayElement().innerHTML).toMatch('foo');
-    utils.pressKey('a');
-    expect(jsPsych.getDisplayElement().innerHTML).toMatch('foo');
-    setTimeout(function(){
-      utils.pressKey('a');
-      expect(jsPsych.getDisplayElement().innerHTML).toMatch('bar');
-      utils.pressKey('a');
-      done();
-    }, 100)
-    
-  });
-});

package/tests/jsPsych/progressbar.test.js

@@ -1,202 +0,0 @@
-const root = '../../';
-const utils = require('../testing-utils.js');
-
-beforeEach(function(){
-  require(root + 'jspsych.js');
-  require(root + 'plugins/jspsych-html-keyboard-response.js');
-});
-
-describe('automatic progress bar', function(){
-
-  test('progress bar does not display by default', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo'
-    }
-
-    jsPsych.init({
-      timeline: [trial]
-    });
-
-    expect(document.querySelector('#jspsych-progressbar-container')).toBe(null);
-
-    utils.pressKey('a');
-  });
-
-  test('progress bar displays when show_progress_bar is true', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo'
-    }
-
-    jsPsych.init({
-      timeline: [trial],
-      show_progress_bar: true
-    });
-
-    expect(document.querySelector('#jspsych-progressbar-container').innerHTML).toMatch('<span>Completion Progress</span><div id="jspsych-progressbar-outer"><div id="jspsych-progressbar-inner"></div></div>');
-
-    utils.pressKey('a');
-  });
-
-  test('progress bar automatically updates by default', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo'
-    }
-
-    jsPsych.init({
-      timeline: [trial, trial, trial, trial],
-      show_progress_bar: true
-    });
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('25%');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('50%');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('75%');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('100%');
-
-  });
-
-  test('progress bar does not automatically update when auto_update_progress_bar is false', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo'
-    }
-
-    jsPsych.init({
-      timeline: [trial, trial, trial, trial],
-      show_progress_bar: true,
-      auto_update_progress_bar: false
-    });
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
-
-  });
-
-  test('setProgressBar() manually', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo',
-      on_finish: function(){
-        jsPsych.setProgressBar(0.2);
-      }
-    }
-
-    var trial_2 = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo',
-      on_finish: function(){
-        jsPsych.setProgressBar(0.8);
-      }
-    }
-
-    jsPsych.init({
-      timeline: [trial, trial_2],
-      show_progress_bar: true,
-      auto_update_progress_bar: false
-    });
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('20%');
-
-    utils.pressKey('a');
-
-    expect(document.querySelector('#jspsych-progressbar-inner').style.width).toBe('80%');
-
-  });
-
-  test('getProgressBarCompleted() -- manual updates', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo',
-      on_finish: function(){
-        jsPsych.setProgressBar(0.2);
-      }
-    }
-
-    var trial_2 = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo',
-      on_finish: function(){
-        jsPsych.setProgressBar(0.8);
-      }
-    }
-
-    jsPsych.init({
-      timeline: [trial, trial_2],
-      show_progress_bar: true,
-      auto_update_progress_bar: false
-    });
-
-    utils.pressKey('a');
-
-    expect(jsPsych.getProgressBarCompleted()).toBe(0.2);
-
-    utils.pressKey('a');
-
-    expect(jsPsych.getProgressBarCompleted()).toBe(0.8);
-
-  });
-
-  test('getProgressBarCompleted() -- automatic updates', function(){
-    var trial = {
-      type: 'html-keyboard-response',
-      stimulus: 'foo'
-    }
-
-    jsPsych.init({
-      timeline: [trial, trial, trial, trial],
-      show_progress_bar: true
-    });
-
-    utils.pressKey('a');
-
-    expect(jsPsych.getProgressBarCompleted()).toBe(0.25);
-
-    utils.pressKey('a');
-
-    expect(jsPsych.getProgressBarCompleted()).toBe(0.50);
-
-    utils.pressKey('a');
-
-    expect(jsPsych.getProgressBarCompleted()).toBe(0.75);
-
-    utils.pressKey('a');
-
-    expect(jsPsych.getProgressBarCompleted()).toBe(1);
-
-  });
-
-});