Help with multiple nested timelines

[samanthareisman]

I need help nesting timelines/timeline variables:

In my main task script, I have a function that when given two arrays: condition_mood = [0, 1, 0] and condition_reward = [1, 0, 0] I can generate a "trial" list (a list of objects with keys that are called as timeline variables during my procedure) that I then use as timeline_variables for my procedure:

function make_trials(mood_array, reward_array) {
trials = [];
for (var i = 0; i < mood_array; i++)
{
var trial_num = ${i+1}
    if (reward_array[i]==1){
        var reward = `${partner_name} gave you <span style="color: green">$1</span>`}
   else {
        var reward = `${partner_name} gave you <span style="color: red">NOTHING!</span>`}
        }
 if (mood_array[i]==1){
          var partner = 'images/partner1-1.jpg'
}
 else {
      var partner = 'images/partner1-0.jpg'
    }
    trials.push({
       stimulus: ` <div> <img width='150' style='border:2px black solid;' src='${partner}'>
            </br>
            ${partner_name}
        </div>`,
        trial_num: i+1,
        reward: reward_array[i],
       mood: mood_array[i],
        partner_name: partner_name,
       mood_image: partner
       })
}
return trials
}

I then set up my trial:

make_trials(condition_mood, condition_reward)

var trial_ratings = {
    type: jsPsychHtml2SliderResponse,
stimulus: jsPsych.timelineVariable('stimulus'),
    labels: ['0','100'],
    labels2: ['0', '100'],
    require_movement: true,
    prompt: '<p>Will they give u $?</p>',
    prompt2: '<p>Will they be happy?</p>',
    slider_number: true,
    slider_number2: true,
    data: {
        trial_num: jsPsych.timelineVariable('trial_num'),
        reward: jsPsych.timelineVariable('reward'),
        mood: jsPsych.timelineVariable('mood'),
        partner_name: jsPsych.timelineVariable('partner_name'),
        trial_type: 'outcome_predictions'
    }
} 

and finally have my procedure

var test_procedure = {
    timeline: [trial_ratings],
   timeline_variables: trials
};

(there is more in the procedure timeline - similar trials to trial_ratings, but for brevity, I have just included this single var)

This works when I input those hard coded variables condition_mood and condition_reward!

However, I have multiple conditions I'd like to run for this experiment -
task_conditions = [ { condition_mood: [0,1,0], condition_reward: [1,0,0] }, { condition_mood: [1,1,1], condition_reward: [0,0,0] }]

Ideally, I'd like to nest timelines, so that I can run my test_procedure for each task_condition

I was thinking something like this

var full_task = {
    timeline: test_procedure,
    timeline_variables: task_conditions,
 };

where in my trial creation I can change make_trials(condition_1_mood, condition_1_reward) to
make_trials(jsPsych.timelineVariable('condition_mood'), jsPsych.timelineVariable('condition_reward')
But this doesn't work!

This is the error I am getting =

Unhandled Promise Rejection: TypeError: null is not an object (evaluating 'Object.keys(trial)')
generatorResume — jspsych.js:3110
fulfilled — jspsych.js:22
promiseReactionJob

I'd love some help.

[samanthareisman]

Solved!
If anyone has any other ideas of how to do this please share!

let timeline = []


function timelinefxn(sequences){
    for (var i = 0; i < sequences.length; i++) 
    {
        var mood_array = sequences[i].condition_mood
        var reward_array = sequences[i].condition_reward
        this_trial_variables = make_trials(mood_array, reward_array)
        var thiswholetrial = {
        timeline: [trial_ratings, trial_circumplex, trust_trial, return_trial],
        timeline_variables: this_trial_variables
        };
        timeline.push(thiswholetrial)
    } 
}

timelinefxn(task_conditions)

jsPsych.run(timeline);