jsPsych/packages/jspsych/tests/data/data-json-conversion.test.ts

import instructions from "@jspsych/plugin-instructions";
import sameDifferentHtml from "@jspsych/plugin-same-different-html";
import surveyMultiSelect from "@jspsych/plugin-survey-multi-select";
import surveyText from "@jspsych/plugin-survey-text";

import jsPsych from "../../src";
import { clickTarget, pressKey } from "../utils";

jest.useFakeTimers();

describe("data conversion to json", function () {
  test("survey-text data response object is correctly converted", function () {
    var trial = {
      type: surveyText,
      questions: [{ prompt: "Q1" }, { prompt: "Q2" }],
    };

    var timeline = [trial];

    jsPsych.init({ timeline });

    document.querySelector<HTMLInputElement>("#input-0").value = "Response 1";
    document.querySelector<HTMLInputElement>("#input-1").value = "Response 2";

    clickTarget(document.querySelector("#jspsych-survey-text-next"));

    var json_data = jsPsych.data
      .get()
      .ignore(["rt", "internal_node_id", "time_elapsed", "trial_type"])
      .json();
    expect(json_data).toBe(
      JSON.stringify([{ response: { Q0: "Response 1", Q1: "Response 2" }, trial_index: 0 }])
    );
  });

  test("same-different-html stimulus array is correctly converted", function () {
    var trial = {
      type: sameDifferentHtml,
      stimuli: ["<p>Climbing</p>", "<p>Walking</p>"],
      answer: "different",
      gap_duration: 0,
      first_stim_duration: null,
    };

    var timeline = [trial];

    jsPsych.init({ timeline: timeline });

    expect(jsPsych.getDisplayElement().innerHTML).toMatch("<p>Climbing</p>");
    pressKey("q");
    jest.runAllTimers();
    expect(jsPsych.getDisplayElement().innerHTML).toMatch("<p>Walking</p>");
    pressKey("q");
    expect(jsPsych.getDisplayElement().innerHTML).toBe("");

    var json_data = jsPsych.data
      .get()
      .ignore([
        "rt",
        "internal_node_id",
        "time_elapsed",
        "trial_type",
        "rt_stim1",
        "response_stim1",
      ])
      .json();
    expect(json_data).toBe(
      JSON.stringify([
        {
          answer: "different",
          correct: false,
          stimulus: ["<p>Climbing</p>", "<p>Walking</p>"],
          response: "q",
          trial_index: 0,
        },
      ])
    );
  });

  test("survey-multi-select response array is correctly converted", function () {
    var trial = {
      type: surveyMultiSelect,
      questions: [{ prompt: "foo", options: ["fuzz", "bizz", "bar"], name: "q" }],
    };

    var timeline = [trial];

    jsPsych.init({ timeline: timeline });

    expect(jsPsych.getDisplayElement().innerHTML).toMatch("foo");
    clickTarget(document.querySelector("#jspsych-survey-multi-select-response-0-0"));
    clickTarget(document.querySelector("#jspsych-survey-multi-select-response-0-1"));
    clickTarget(document.querySelector("#jspsych-survey-multi-select-next"));
    expect(jsPsych.getDisplayElement().innerHTML).toBe("");

    var json_data = jsPsych.data
      .get()
      .ignore(["rt", "internal_node_id", "time_elapsed", "trial_type", "question_order"])
      .json();
    var data_js = [
      {
        response: {
          q: ["fuzz", "bizz"],
        },
        trial_index: 0,
      },
    ];
    expect(json_data).toBe(JSON.stringify(data_js));
  });

  test("instructions view_history is correctly converted - issue #670", function () {
    var trial = {
      type: instructions,
      pages: ["page 1", "page 2"],
      key_forward: "a",
      allow_keys: true,
    };

    jsPsych.init({ timeline: [trial] });

    expect(jsPsych.getDisplayElement().innerHTML).toMatch("page 1");
    pressKey("a");
    expect(jsPsych.getDisplayElement().innerHTML).toMatch("page 2");
    pressKey("a");
    expect(jsPsych.getDisplayElement().innerHTML).toBe("");

    var json_data = jsPsych.data.get().ignore(["rt", "internal_node_id", "time_elapsed"]).json();
    var js_data = JSON.parse(json_data);
    expect(Array.isArray(js_data[0].view_history)).toBe(true);
    expect(js_data[0].view_history.length).toBe(2);
    expect(js_data[0].view_history[0].page_index).toBe(0);
    expect(js_data[0].view_history[1].page_index).toBe(1);
  });
});