test issue

[Sanjeet123-ajatus]

Research & Development

• Time Spent: 4 hours
• Details:
  • Investigated various methods and libraries for converting JSON data to images.
  • Explored different approaches to render the JSON data within the Next.js application and capture it as an image.
  • Reviewed documentation and examples for tools such as Puppeteer and html-to-image.

Trying with Creating Duplicate Components

• Time Spent: 3 hours
• Details:
  • Created duplicate components to test rendering the JSON data.
  • Aimed to ensure the components could handle the JSON structure and render it correctly in the browser.

Got Context Error

• Time Spent: 2 hours
• Details:
  • Encountered context errors while rendering the components.
  • Investigated and debugged the issues related to React context, ensuring the components had the necessary context providers.

Trying with Creating Duplicate Libraries

• Time Spent: 3 hours
• Details:
  • Created duplicate libraries to manage the JSON data and rendering logic.
  • Ensured the libraries were correctly integrated and functioning within the Next.js application.

Got Remove Children Error

• Time Spent: 1 hours
• Details:
  • Faced issues with removing children elements during the rendering process.
  • Spent time debugging the error to ensure that elements were properly managed and removed when necessary.
  • Despite efforts, the issue remained unresolved.

Transitioned to Puppeteer

• Time Spent: 4 hours
• Details:
  • Decided to use Puppeteer to overcome the unresolved children error.
  • Implemented Puppeteer to automate the rendering and capturing of the JSON data as an image.
  • Ensured Puppeteer was correctly set up to handle the headless browser environment.
  • Tested various configurations and settings to optimize the image capture process.

Summary

• Total Time Spent: 4 + 3 + 2 + 3 + 1 + 4 = 17 hours
• Challenges Faced:
  • Context errors and debugging related to React context providers.
  • Managing and removing children elements during rendering.
  • Ultimately used Puppeteer to bypass the unresolved children error and successfully capture images from JSON data.