Correct error messages (include the related image tag) (#563)

adams85 · web-flow · commit 66a7dbc6f5a1 · 2025-06-19T10:21:55.000+02:00
diff --git a/website/validate-document.js b/website/validate-document.js
@@ -50,11 +50,11 @@ const checkImageDimensions = async (imageTag, imagePath, cssWidth, cssHeight, dp
   const { width, height } = imageMetaData;
 
   if (cssWidth != null && cssWidth !== Math.trunc(width * 96 / dpi)) {
-    errors.push(['warn', `The relation \`CSS width = image width in pixels * 96 / DPI\` is not satisfied. CSS width specified via attribute (width="...") = ${cssWidth}, image width in pixels = ${width}, DPI = ${dpi}.`]);
+    errors.push(['warn', `The relation \`CSS width = image width in pixels * 96 / DPI\` is not satisfied in ${imageTag}. CSS width specified via attribute (width="...") = ${cssWidth}, image width in pixels = ${width}, DPI = ${dpi}.`]);
   }
 
   if (cssHeight != null && cssHeight !== Math.trunc(height * 96 / dpi)) {
-    errors.push(['warn', `The relation \`CSS height = image height in pixels * 96 / DPI\` is not satisfied. CSS height specified via attribute (height="...") = ${cssHeight}, image height in pixels = ${height}, DPI = ${dpi}.`]);
+    errors.push(['warn', `The relation \`CSS height = image height in pixels * 96 / DPI\` is not satisfied in ${imageTag}. CSS height specified via attribute (height="...") = ${cssHeight}, image height in pixels = ${height}, DPI = ${dpi}.`]);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -50,11 +50,11 @@ const checkImageDimensions = async (imageTag, imagePath, cssWidth, cssHeight, dp`
`50`	`50`	`const { width, height } = imageMetaData;`
`51`	`51`
`52`	`52`	`if (cssWidth != null && cssWidth !== Math.trunc(width * 96 / dpi)) {`
`53`		- errors.push(['warn', `The relation \`CSS width = image width in pixels * 96 / DPI\` is not satisfied. CSS width specified via attribute (width="...") = ${cssWidth}, image width in pixels = ${width}, DPI = ${dpi}.`]);
	`53`	+ errors.push(['warn', `The relation \`CSS width = image width in pixels * 96 / DPI\` is not satisfied in ${imageTag}. CSS width specified via attribute (width="...") = ${cssWidth}, image width in pixels = ${width}, DPI = ${dpi}.`]);
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`if (cssHeight != null && cssHeight !== Math.trunc(height * 96 / dpi)) {`
`57`		- errors.push(['warn', `The relation \`CSS height = image height in pixels * 96 / DPI\` is not satisfied. CSS height specified via attribute (height="...") = ${cssHeight}, image height in pixels = ${height}, DPI = ${dpi}.`]);
	`57`	+ errors.push(['warn', `The relation \`CSS height = image height in pixels * 96 / DPI\` is not satisfied in ${imageTag}. CSS height specified via attribute (height="...") = ${cssHeight}, image height in pixels = ${height}, DPI = ${dpi}.`]);
`58`	`58`	`}`
`59`	`59`	`}`
`60`	`60`