HoshinoKoji/jsPsych
1
0
Fork 0
mirror of https://github.com/jspsych/jsPsych.git synced 2025-05-10 11:10:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

remove unnecessary helper function

Browse Source
This commit is contained in:
jade 2025-01-10 13:23:01 -07:00
parent c8bda3c35b
commit 0b78155290
1 changed files with 12 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/jspsych/tests/core/progressbar.test.ts
View File

@ -3,11 +3,6 @@ import { pressKey, startTimeline } from "@jspsych/test-utils";
import { initJsPsych, JsPsych } from "../../src"; import { initJsPsych, JsPsych } from "../../src";
// progress bar lives in the container element
const getContainer = (jsPsych: JsPsych) => {
return jsPsych.getDisplayContainerElement();
}
describe("automatic progress bar", () => { describe("automatic progress bar", () => {
test("progress bar does not display by default", async () => { test("progress bar does not display by default", async () => {
const { jsPsych } = await startTimeline([ const { jsPsych } = await startTimeline([
@ -17,8 +12,8 @@ describe("automatic progress bar", () => {
}, },
]); ]);
const displayContainer = getContainer(jsPsych); expect(jsPsych.getDisplayContainerElement().querySelector("#jspsych-progressbar-container"))
expect(displayContainer.querySelector("#jspsych-progressbar-container")).toBeNull(); .toBeNull();
await pressKey("a"); await pressKey("a");
}); });
@ -33,10 +28,10 @@ describe("automatic progress bar", () => {
{ show_progress_bar: true } { show_progress_bar: true }
); );
const displayContainer = getContainer(jsPsych); expect(jsPsych.getDisplayContainerElement().querySelector("#jspsych-progressbar-container").innerHTML)
expect(displayContainer.querySelector("#jspsych-progressbar-container").innerHTML).toMatch( .toMatch(
'<span>Completion Progress</span><div id="jspsych-progressbar-outer"><div id="jspsych-progressbar-inner" style="width: 0%;"></div></div>' '<span>Completion Progress</span><div id="jspsych-progressbar-outer"><div id="jspsych-progressbar-inner" style="width: 0%;"></div></div>'
); );
}); });
test("progress bar automatically updates by default", async () => { test("progress bar automatically updates by default", async () => {
@ -50,8 +45,8 @@ describe("automatic progress bar", () => {
{ show_progress_bar: true } { show_progress_bar: true }
); );
const displayContainer = getContainer(jsPsych); const progressbarElement =
const progressbarElement = displayContainer.querySelector<HTMLElement>("#jspsych-progressbar-inner"); jsPsych.getDisplayContainerElement().querySelector<HTMLElement>("#jspsych-progressbar-inner");
expect(progressbarElement.style.width).toEqual("0%"); expect(progressbarElement.style.width).toEqual("0%");
await pressKey("a"); await pressKey("a");
@ -75,8 +70,8 @@ describe("automatic progress bar", () => {
auto_update_progress_bar: false, auto_update_progress_bar: false,
}); });
const displayContainer = getContainer(jsPsych); const progressbarElement =
const progressbarElement = displayContainer.querySelector<HTMLElement>("#jspsych-progressbar-inner"); jsPsych.getDisplayContainerElement().querySelector<HTMLElement>("#jspsych-progressbar-inner");
for (let i = 0; i < 4; i++) { for (let i = 0; i < 4; i++) {
expect(progressbarElement.style.width).toEqual("0%"); expect(progressbarElement.style.width).toEqual("0%");
@ -110,8 +105,8 @@ describe("automatic progress bar", () => {
const { jsPsych } = await startTimeline(timeline, jsPsychObject); const { jsPsych } = await startTimeline(timeline, jsPsychObject);
const displayContainer = getContainer(jsPsych); const progressbarElement =
const progressbarElement = displayContainer.querySelector<HTMLElement>("#jspsych-progressbar-inner"); jsPsych.getDisplayContainerElement().querySelector<HTMLElement>("#jspsych-progressbar-inner");
expect(progressbarElement.style.width).toEqual("0%"); expect(progressbarElement.style.width).toEqual("0%");
await pressKey("a"); await pressKey("a");