TimeoutError for certain specs

[thomcsmits]

I've been able to create screenshots for various examples, but for certain specs, I get a TimeoutError:

[my_dir]/gosling-screenshot/node_modules/.pnpm/puppeteer@13.5.2/node_modules/puppeteer/lib/cjs/puppeteer/common/DOMWorld.js:528
const timeoutError = new Errors_js_1.TimeoutError(waiting for ${options.title} failed: timeout ${options.timeout}ms exceeded);
^

TimeoutError: waiting for selector .gosling-component failed: timeout 30000ms exceeded

Using Node.js v20.3.0

Example used:

{
  "static": true,
  "layout": "linear",
  "centerRadius": 0.2,
  "arrangement": "parallel",
  "views": [
    {
      "xDomain": {"chromosome": "chr1"},
      "tracks": [
        {
          "data": {
            "url": "https://server.gosling-lang.org/api/v1/tileset_info/?d=cistrome-multivec",
            "type": "multivec",
            "row": "sample",
            "column": "position",
            "value": "peak",
            "categories": ["sample 1"]
          },
          "mark": "area",
          "x": {"field": "position", "type": "genomic"},
          "y": {"field": "peak", "type": "quantitative"},
          "color": {"field": "sample", "type": "nominal"},
          "width": 1000,
          "height": 30
        },
        {
        "width": 800,
        "height": 40,
        "data": {
            "url": "https://raw.githubusercontent.com/sehilyi/gemini-datasets/master/data/UCSC.HG38.Human.CytoBandIdeogram.csv",
            "type": "csv",
            "chromosomeField": "Chromosome",
            "genomicFields": ["chromStart", "chromEnd"]
        },
        "mark": "rect",
        "dataTransform": [
            {"type": "filter", "field": "Stain", "oneOf": ["acen"], "not": true}
        ],
        "color": {
            "field": "Stain",
            "type": "nominal",
            "domain": ["gneg", "gpos25", "gpos50", "gpos75", "gpos100", "gvar"],
            "range": ["white", "#D9D9D9", "#979797", "#636363", "black", "#A0A0F2"]
        },
        "x": {
            "field": "chromStart",
            "type": "genomic",
            "domain": {"chromosome": "chr1"}
        },
        "xe": {"field": "chromEnd", "type": "genomic"},
        "size": {"value": 20},
        "stroke": {"value": "gray"},
        "strokeWidth": {"value": 0.5},
        "style": {"outline": "white"}
        }
      ]
    }
  ]
}

[thomcsmits]

Fixed with adding (or larger than 50000)
await page.setDefaultTimeout(50000);