Error: ENAMETOOLONG (url too long)

[carlosesilva]

Hi there,

While taking screenshots of a website that has very long urls, the following error showed up:

Error: ENAMETOOLONG: name too long, open '/path/to/backstopjs/backstop_data/bitmaps_test/20180522-154944/failed_diff_backstop_default__provost_undergraduate-affairs_advising-network_undergraduate-academic-advising-awards_2016-undergraduate-academic-advising-awards-committee-intranet_smith-michael-2016-faculty-academic-advisor-award-candidate__0_document_0_laptop.png'

We have no control over the urls themselves so we can't just shorten them =/

Is there anyway to make backstopjs handle really long urls in different way? maybe truncate the file name? maybe use a hash for the file name? maybe both?

Thanks, Carlos

[garris]

can you please post your config file?

[carlosesilva]

Here is the config:

{
  "id": "backstop_default",
  "viewports": [
    {
      "label": "laptop",
      "width": 1440,
      "height": 900
    }
  ],
  "scenarios": [
    {
      "label": "/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/ba-in-biology-with-a-specialization-in-behavioral-biology-assessment-annual-report/",
      "url": "http://www.bu.edu/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/ba-in-biology-with-a-specialization-in-behavioral-biology-assessment-annual-report/"
    },
    {
      "label": "/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/assessment-annual-report-ms-in-administrative-studies-concentration-in-financial-economics/",
      "url": "http://www.bu.edu/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/assessment-annual-report-ms-in-administrative-studies-concentration-in-financial-economics/"
    },
    {
      "label": "/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/raspallo-abby-2016-professional-academic-advisor-award-candidate/",
      "url": "http://www.bu.edu/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/raspallo-abby-2016-professional-academic-advisor-award-candidate/"
    },
    {
      "label": "/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/assessment-annual-report-graduate-certificate-in-financial-markets-institutions/",
      "url": "http://www.bu.edu/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/assessment-annual-report-graduate-certificate-in-financial-markets-institutions/"
    },
    {
      "label": "/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/taylor-bill-2016-professional-academic-advisor-award-candidate/",
      "url": "http://www.bu.edu/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/taylor-bill-2016-professional-academic-advisor-award-candidate/"
    },
    {
      "label": "/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2017-undergraduate-academic-advising-awards-committee-intranet/ryan-thurston-2017-faculty-academic-advisor-award-candidate/",
      "url": "http://www.bu.edu/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2017-undergraduate-academic-advising-awards-committee-intranet/ryan-thurston-2017-faculty-academic-advisor-award-candidate/"
    },
    {
      "label": "/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2017-undergraduate-academic-advising-awards-committee-intranet/dana-clancy-2017-faculty-academic-advisor-award-candidate/",
      "url": "http://www.bu.edu/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2017-undergraduate-academic-advising-awards-committee-intranet/dana-clancy-2017-faculty-academic-advisor-award-candidate/"
    },
    {
      "label": "/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/ba-in-biology-with-a-specialization-in-cell-biology-molecular-biology-and-genetics-assessment-annual-report/",
      "url": "http://www.bu.edu/provost/planning/program-learning-outcomes-assessment/assessment-intranet/program-learning-assessment-annual-reports/ba-in-biology-with-a-specialization-in-cell-biology-molecular-biology-and-genetics-assessment-annual-report/"
    },
    {
      "label": "/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/smith-michael-2016-faculty-academic-advisor-award-candidate/",
      "url": "http://www.bu.edu/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/smith-michael-2016-faculty-academic-advisor-award-candidate/"
    },
    {
      "label": "/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/lysy-catherine-2016-professional-academic-advisor-award-candidate/",
      "url": "http://www.bu.edu/provost/undergraduate-affairs/advising-network/undergraduate-academic-advising-awards/2016-undergraduate-academic-advising-awards-committee-intranet/lysy-catherine-2016-professional-academic-advisor-award-candidate/"
    }
  ],
  "paths": {
    "bitmaps_reference": "backstop_data/bitmaps_reference",
    "bitmaps_test": "backstop_data/bitmaps_test",
    "engine_scripts": "backstop_data/engine_scripts",
    "html_report": "backstop_data/html_report",
    "ci_report": "backstop_data/ci_report"
  },
  "report": ["browser"],
  "engine": "chrome",
  "engineFlags": [],
  "asyncCaptureLimit": 5,
  "asyncCompareLimit": 50,
  "debug": false,
  "debugWindow": false
}

I did just realize that the label is what dictates the file name and that I can set the label to whatever I want so it doesn't matter if the url is too long.

I am dynamically generating those scenarios so that is why I was using the url path as the label for ease of recognition later when reading the report. I guess I can just find a way to truncate the label when generating the scenarios.

[garris]

Boom -- you got it. 👍

[4hardfire]

I have a use case where I need to generate the backstop.json file using backstop-crawl. Since I have no control over the labels of all my scenarios this issue becomes critical to me. Also, it's worth to mention that I am dealing with over 400 scenarios which can be really hard to manually replace the labels. Is this something that can be fixed in backstopJs since this is the one that generates the images?

[garris]

I can imagine an approach where backstop would use hashes with truncated scenario labels for filenames to ensure they never get too long. That would be a great improvement.