Images in nested arrays

Hi, it’s me again. Now I’m having a new trouble wich is that I have a nested array with images inside and when I print the document it just writes [object Object].

My array looks like this: items [ name: 'product 1', description: 'Description for product 1 here....', image: { _type: 'image', source: <source> format: 'image/png', width, height, }, name: 'product 2', description: 'Description for product 2 here....', image: { _type: 'image', source: <source> format: 'image/png', width, height, }, ]

and my docx document looks like this: {#items} {name} {description} {image} {/items}

It prints the name and description correctly, but for the image prints [object Object]

Help!😦

[alonrbar]

Hi, take your time, no rush here 😃

I’ve checked it now and it does not seem to reproduce. I’ve added this test method to the image.tests.ts file and manually verified the output and everything looks fine. I think cloning the repo and running this test on your machine can help in finding what’s may be wrong.

    it("replaces an image tag in nested loops", async () => {

        const handler = new TemplateHandler();

        const template = readFixture("loop - nested with image.docx");
        const imageFile = readResource("panda1.jpg");

        const imageData = {
            _type: 'image',
            format: MimeType.Jpeg,
            source: imageFile,
            height: 325,
            width: 600
        };
        const itemData = {
            loop_prop2: [
                { simple_prop: imageData }
            ]
        };
        const data = {
            loop_prop1: [itemData]
        };
        for (let i = 0; i < 10; i++) {
            data.loop_prop1.push(itemData);
        }

        const doc = await handler.process(template, data);

        // const docXml = await handler.getXml(doc);
        // expect(docXml).toMatchSnapshot();

        writeTempFile('image - nested loop - output.docx', doc);
    });

[ayng-98]

Sorry!!! My mistake! I was doing something wrong! … It worked! 😃