End a a timeline within a nested timeline with warning message if non-response

[arturo-lin]

Hi, could anyone provide a solution to end a timeline within a nested timeline if non-response is detected. My code look like the following, and I want to achieve the that either taskA_step1 or taskA_step2 is non-response, the taskA_emptyResponseWarning page will show, and end the timeline for taskA and continue taskB and taskC.

    /* initialize jsPsych */
    const jsPsych = initJsPsych();

    /* Task A */
    const taskA_step1 = {
        type: jsPsychSurveyText,
        questions: [
        {prompt: 'Type in something'}
      ]
    };

    const taskA_step2 = {
        type: jsPsychSurveyText,
        questions: [
        {prompt: 'Type in something'}
      ]
    };

    const taskA_step3 = {
        type: jsPsychHtmlKeyboardResponse,
        stimulus: '<p>Feedback for Task A</p>',
        choices: "NO_KEYS",
        trial_duration: 1000,
    };

    const taskA_emptyResponseWarning = {
        type: jsPsychHtmlKeyboardResponse,
        stimulus: '<p>You have not responded to the question. The Task A will end immediately.</p>',
        choices: "NO_KEYS",
        trial_duration: 1000,
        on_finish: function() {
            jsPsych.endCurrentTrial();
        }
    };
    
    const taskA = {timeline: [taskA_step1, taskA_step2, taskA_step3]};
    
    /* Task B */
    const taskB = {
        type: jsPsychHtmlKeyboardResponse,
        stimulus: '<p>This is Task B</p>',
        choices: "NO_KEYS",
        trial_duration: 1000,
    };

    /* Task C */
    const taskC = {
        type: jsPsychHtmlKeyboardResponse,
        stimulus: '<p>This is Task C</p>',
        choices: "NO_KEYS",
        trial_duration: 1000,
    };
    
    /* run the experiment */
    jsPsych.run([taskA, taskB, taskC]);

I have tried

const taskA = {timeline: [
        taskA_step1,
        {timeline: [taskA_emptyResponseWarning],
        conditional_function: function() {
            const lastTrial = jsPsych.data.get().last(1).values()[0];
            return !lastTrial.response || lastTrial.response.trim() === '';
        }
        }, 
        taskA_step2,
        {timeline: [taskA_emptyResponseWarning],
            conditional_function: function() {
                const lastTrial = jsPsych.data.get().last(1).values()[0];
                return !lastTrial.response || lastTrial.response.trim() === '';
            }
            }, 
        taskA_step3]};

This does not work as expected. Ideas and help are appreciated.

[arturo-lin]

I personally find out a way to achieve ending a timeline within a nested timeline by add on_finish function on taskA_step1 and taskA_step2.

The timeline for task A including two nested timeline: 1) main task taskA_step1, taskA_step2 and taskA_step3, and 2) the timeline for warning message. It should be noted that the warning message should always be placed at the end of the timeline so the whole taskA timeline will end after the message trial as expected.

    /* Task A */
    const taskA_emptyResponseWarning = {
        type: jsPsychHtmlKeyboardResponse,
        stimulus: '<p>You have not responded to the question. The Task A will end immediately.</p>',
        choices: "NO_KEYS",
        trial_duration: 1000,
    };
    
    const taskA_step1 = {
        type: jsPsychSurveyText,
        questions: [
        {prompt: 'Type in something A', name:"Q0"},
      ],
      on_finish: function(data) {
        if (!data.response || !data.response.Q0 || data.response.Q0.trim() === '') {
            jsPsych.endCurrentTimeline();
        }
      }
    };

    const taskA_step2 = {
        type: jsPsychSurveyText,
        questions: [
        {prompt: 'Type in something B', name:"Q1"}
      ],
      on_finish: function(data) {
        if (!data.response || !data.response.Q1 || data.response.Q1.trim() === '') {
            jsPsych.endCurrentTimeline();
        }
      }
    };

    const taskA_step3 = {
        type: jsPsychHtmlKeyboardResponse,
        stimulus: '<p>Feedback for Task A</p>',
        choices: "NO_KEYS",
        trial_duration: 1000,
    };
    
    const taskA = {
        timeline: [
            {timeline:[
            taskA_step1,
            taskA_step2,
            taskA_step3]},
            {timeline:[taskA_emptyResponseWarning],
                conditional_function: function() {
                    const lastTrial = jsPsych.data.get().last(1).values()[0];
                    return !lastTrial.response || 
                    !lastTrial.response.Q0 || 
                    lastTrial.response.Q0.trim() === '' ||
                    !lastTrial.response.Q1 ||
                    lastTrial.response.Q1.trim() === '';
                }
            }
        ]};