Open Graph Image Validator
Pricing
Pay per usage
Validate Open Graph and Twitter Card social preview images on one public page. Verify og:image and twitter:image URLs load with a valid image content type and reasonable size.
Pricing
Pay per usage
Rating
0.0
(0)
Developer
Sanskar Jaiswal
Maintained by CommunityActor stats
0
Bookmarked
2
Total users
1
Monthly active users
11 hours ago
Last modified
Categories
Share
FROM apify/actor-node:22
WORKDIR /usr/src/appCOPY package*.json ./RUN npm install --omit=devCOPY . ./CMD ["npm", "start"]{ "name": "open-graph-image-validator", "version": "0.1.0", "description": "Apify Actor that validates Open Graph and Twitter Card social preview images on public pages.", "type": "module", "private": true, "main": "src/main.js", "scripts": { "start": "node src/main.js", "test": "node --test test/*.test.js", "lint": "node --check src/main.js" }, "dependencies": { "apify": "^3.4.5" }, "devDependencies": {}}{ "actorSpecification": 1, "name": "open-graph-image-validator", "title": "Open Graph Image Validator", "description": "Fetch one public page, extract Open Graph and Twitter Card image URLs, and verify each image loads with a valid image content type and reasonable size.", "version": "0.1", "buildTag": "latest", "meta": { "templateId": "js-start" }, "input": "./input_schema.json", "output": "./output_schema.json", "storages": { "dataset": "./dataset_schema.json" }, "dockerfile": "./Dockerfile", "defaultRunOptions": { "build": "latest", "timeoutSecs": 120, "memoryMbytes": 512 }}{ "actorSpecification": 1, "views": { "overview": { "title": "Open Graph image audits", "transformation": { "fields": [ "inputUrl", "finalUrl", "ok", "score", "grade", "imageCount", "validImageCount", "brokenImageCount", "checkedAt", "error" ] }, "display": { "component": "table", "properties": { "inputUrl": { "label": "Input URL", "format": "link" }, "finalUrl": { "label": "Final URL", "format": "link" }, "ok": { "label": "OK", "format": "boolean" }, "score": { "label": "Score" }, "grade": { "label": "Grade" }, "imageCount": { "label": "Images found" }, "validImageCount": { "label": "Valid images" }, "brokenImageCount": { "label": "Broken images" }, "checkedAt": { "label": "Checked at", "format": "date" }, "error": { "label": "Page error" } } } } }, "fields": { "inputUrl": { "type": "string", "title": "Input URL" }, "normalizedInputUrl": { "type": "string", "title": "Normalized input URL" }, "finalUrl": { "type": "string", "title": "Final URL" }, "ok": { "type": "boolean", "title": "OK" }, "checkedAt": { "type": "string", "title": "Checked at", "format": "date-time" }, "score": { "type": "integer", "title": "Score" }, "grade": { "type": "string", "title": "Grade" }, "imageCount": { "type": "integer", "title": "Images found" }, "validImageCount": { "type": "integer", "title": "Valid images" }, "brokenImageCount": { "type": "integer", "title": "Broken images" }, "images": { "type": "array", "title": "Image checks" }, "issues": { "type": "array", "title": "Issues" }, "recommendations": { "type": "array", "title": "Recommendations" }, "error": { "type": ["string", "null"], "title": "Page error" } }}{ "title": "Open Graph Image Validator Input", "description": "Enter one public HTTP or HTTPS page URL to validate its Open Graph and Twitter Card social preview images.", "type": "object", "schemaVersion": 1, "properties": { "startUrl": { "title": "Page URL", "type": "string", "description": "Public HTTP or HTTPS page URL to audit. Credentials and private network targets are rejected.", "editor": "textfield", "prefill": "https://example.com" }, "timeoutSeconds": { "title": "Timeout seconds", "type": "integer", "description": "Request timeout for page and image fetches.", "editor": "number", "default": 10, "minimum": 3, "maximum": 30 }, "maxImages": { "title": "Max images to check", "type": "integer", "description": "Maximum unique image URLs to verify. Capped at 20.", "editor": "number", "default": 10, "minimum": 1, "maximum": 20 }, "maxHtmlBytes": { "title": "Maximum HTML bytes", "type": "integer", "description": "Maximum response bytes to read before parsing. The actor caps this value at 2 MB.", "editor": "number", "default": 1048576, "minimum": 100000, "maximum": 2097152 } }, "required": ["startUrl"]}{ "actorOutputSchemaVersion": 1, "title": "Open Graph Image Validator Output", "properties": { "results": { "type": "string", "title": "Audit results", "template": "{{links.apiDefaultDatasetUrl}}/items" } }}1import { Actor } from 'apify';2import dns from 'node:dns/promises';3import net from 'node:net';4import { fileURLToPath } from 'node:url';5
6const USER_AGENT = 'OpenGraphImageValidator/0.1 (+https://apify.com)';7const DEFAULT_TIMEOUT_SECONDS = 10;8const DEFAULT_MAX_HTML_BYTES = 1024 * 1024;9const MAX_HTML_BYTES = 2 * 1024 * 1024;10const REDIRECT_STATUSES = new Set([301, 302, 303, 307, 308]);11// Social preview images should be reasonably sized. Below 200px or above 8 MB12// is a practical red flag for most preview surfaces.13const MIN_IMAGE_BYTES = 200;14const MAX_IMAGE_BYTES = 8 * 1024 * 1024;15const IMAGE_TYPE_RE = /^image\/(png|jpeg|jpg|gif|webp|avif|svg\+xml|bmp|ico)/i;16
17/* ---------------------------------------------------------------------------18 * SSRF protection — shared pattern used across URL-fetching factory actors.19 * ------------------------------------------------------------------------- */20
21function isPrivateIPv4(ip) {22 const parts = ip.split('.').map(Number);23 if (parts.length !== 4 || parts.some((n) => Number.isNaN(n))) return false;24 const [a, b] = parts;25 return a === 10 || (a === 172 && b >= 16 && b <= 31) || (a === 192 && b === 168) || a === 127 || a === 0 || (a === 169 && b === 254);26}27
28function isPrivateIPv6(ip) {29 const normalized = ip.toLowerCase();30 return normalized === '::1' || normalized.startsWith('fc') || normalized.startsWith('fd') || normalized.startsWith('fe80:');31}32
33export async function normalizeAndValidateUrl(rawUrl) {34 if (!rawUrl || typeof rawUrl !== 'string') throw new Error('startUrl is required');35 if (/^[a-z][a-z0-9+.-]*:/i.test(rawUrl) && !/^https?:\/\//i.test(rawUrl)) throw new Error('Only HTTP and HTTPS URLs are supported');36 const withScheme = /^https?:\/\//i.test(rawUrl) ? rawUrl : `https://${rawUrl}`;37 const url = new URL(withScheme);38 if (!['http:', 'https:'].includes(url.protocol)) throw new Error('Only HTTP and HTTPS URLs are supported');39 if (!url.hostname || url.username || url.password) throw new Error('URL must be public and must not include credentials');40
41 const literalType = net.isIP(url.hostname);42 if (literalType === 4 && isPrivateIPv4(url.hostname)) throw new Error('Private IPv4 targets are blocked');43 if (literalType === 6 && isPrivateIPv6(url.hostname)) throw new Error('Private IPv6 targets are blocked');44
45 const records = literalType ? [{ address: url.hostname, family: literalType }] : await dns.lookup(url.hostname, { all: true });46 for (const record of records) {47 if (record.family === 4 && isPrivateIPv4(record.address)) throw new Error('DNS resolves to a private IPv4 address; blocked for SSRF safety');48 if (record.family === 6 && isPrivateIPv6(record.address)) throw new Error('DNS resolves to a private IPv6 address; blocked for SSRF safety');49 }50 return url;51}52
53function clampInteger(value, fallback, min, max) {54 const parsed = Number(value);55 if (!Number.isFinite(parsed)) return fallback;56 return Math.min(Math.max(Math.trunc(parsed), min), max);57}58
59function decodeBasicEntities(value) {60 return (value || '').replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, "'");61}62
63function getAttr(tag, name) {64 const match = tag.match(new RegExp(`\\s${name}\\s*=\\s*("([^"]*)"|'([^']*)'|([^\\s>]+))`, 'i'));65 return match ? decodeBasicEntities((match[2] ?? match[3] ?? match[4] ?? '').trim()) : null;66}67
68function parseMetaTag(match) {69 const tag = match[0];70 const property = getAttr(tag, 'property') || getAttr(tag, 'name');71 const content = getAttr(tag, 'content');72 return property && content ? { property: property.toLowerCase(), content: content.trim() } : null;73}74
75const OG_IMAGE_PROPERTIES = new Set([76 'og:image',77 'og:image:url',78 'og:image:secure_url',79 'twitter:image',80 'twitter:image:src',81]);82
83export function extractImageUrls(html, baseUrl) {84 const base = new URL(baseUrl);85 const seen = new Set();86 const images = [];87 for (const match of html.matchAll(/<meta\b[^>]*>/gi)) {88 const meta = parseMetaTag(match);89 if (!meta) continue;90 if (!OG_IMAGE_PROPERTIES.has(meta.property)) continue;91 let resolved;92 try { resolved = new URL(meta.content, base).href; } catch { continue; }93 if (seen.has(resolved)) continue;94 if (!/^https?:\/\//i.test(resolved)) continue;95 seen.add(resolved);96 images.push({ source: meta.property, candidateUrl: meta.content, url: resolved });97 }98 return images;99}100
101export function extractImageMeta(html, baseUrl) {102 // Collect og:image dimensions and alt for reporting, resolved relative to baseUrl.103 const base = new URL(baseUrl);104 const meta = {};105 for (const match of html.matchAll(/<meta\b[^>]*>/gi)) {106 const tag = match[0];107 const property = (getAttr(tag, 'property') || getAttr(tag, 'name') || '').toLowerCase();108 const content = (getAttr(tag, 'content') || '').trim();109 if (!property || !content) continue;110 if (property === 'og:image:width') meta.width = content;111 if (property === 'og:image:height') meta.height = content;112 if (property === 'og:image:alt') meta.alt = content;113 if (property === 'twitter:image:alt') meta.twitterAlt = content;114 }115 return meta;116}117
118async function fetchHtml(initialUrl, timeoutSeconds, maxHtmlBytes, redirectsRemaining = 3) {119 await normalizeAndValidateUrl(initialUrl.href);120 const controller = new AbortController();121 const timeout = setTimeout(() => controller.abort(), timeoutSeconds * 1000);122 try {123 const response = await fetch(initialUrl, { redirect: 'manual', signal: controller.signal, headers: { 'user-agent': USER_AGENT, accept: 'text/html,application/xhtml+xml,*/*;q=0.1' } });124 if (REDIRECT_STATUSES.has(response.status)) {125 if (redirectsRemaining <= 0) throw new Error('Too many redirects');126 const location = response.headers.get('location');127 if (!location) throw new Error('Redirect without Location header');128 const next = new URL(location, initialUrl.href);129 await normalizeAndValidateUrl(next.href);130 return fetchHtml(next, timeoutSeconds, maxHtmlBytes, redirectsRemaining - 1);131 }132 const reader = response.body?.getReader();133 if (!reader) throw new Error('Response body is not readable');134 const chunks = [];135 let received = 0;136 while (true) {137 const { done, value } = await reader.read();138 if (done) break;139 received += value.byteLength;140 if (received > maxHtmlBytes) throw new Error(`HTML response exceeds ${maxHtmlBytes} byte limit`);141 chunks.push(value);142 }143 return { ok: response.ok, status: response.status, finalUrl: response.url || initialUrl.href, html: Buffer.concat(chunks).toString('utf8'), contentType: response.headers.get('content-type') || '', error: null };144 } catch (error) {145 return { ok: false, status: null, finalUrl: initialUrl.href, html: '', contentType: '', error: error.message };146 } finally {147 clearTimeout(timeout);148 }149}150
151const IMAGE_OK_STATUS = [200];152
153async function checkImage(rawUrl, timeoutSeconds, redirectsRemaining = 3, redirected = false) {154 let url;155 try {156 url = await normalizeAndValidateUrl(rawUrl);157 } catch (error) {158 return { url: rawUrl, ok: false, status: null, contentType: null, contentLength: null, redirected, error: error.message };159 }160 const controller = new AbortController();161 const timeout = setTimeout(() => controller.abort(), timeoutSeconds * 1000);162 try {163 let response = await fetch(url, { method: 'GET', redirect: 'manual', signal: controller.signal, headers: { 'user-agent': USER_AGENT, accept: 'image/*,*/*;q=0.1' } });164 if (REDIRECT_STATUSES.has(response.status)) {165 if (redirectsRemaining <= 0) return { url: rawUrl, ok: false, status: response.status, contentType: null, contentLength: null, redirected: true, error: 'Too many redirects' };166 const location = response.headers.get('location');167 if (!location) return { url: rawUrl, ok: false, status: response.status, contentType: null, contentLength: null, redirected: true, error: 'Redirect without Location header' };168 try { await response.arrayBuffer(); } catch { /* drain */ }169 return checkImage(new URL(location, url.href).href, timeoutSeconds, redirectsRemaining - 1, true);170 }171 const contentType = response.headers.get('content-type') || '';172 const contentLengthHeader = response.headers.get('content-length');173 let contentLength = contentLengthHeader ? Number(contentLengthHeader) : null;174 // If Content-Length is missing or suspicious, read a bounded prefix to verify image bytes.175 let isImageType = IMAGE_TYPE_RE.test(contentType);176 let byteCount = contentLength;177 if (!isImageType || (!byteCount || byteCount <= 0)) {178 const reader = response.body?.getReader();179 if (reader) {180 // ponytail: small bounded read to verify image magic bytes; full download not needed.181 const { value } = await reader.read();182 if (value) {183 byteCount = value.byteLength;184 isImageType = isImageType || sniffImageType(value) !== null;185 }186 try { reader.cancel(); } catch { /* ignore */ }187 }188 }189 const okStatus = IMAGE_OK_STATUS.includes(response.status);190 const sizeOk = byteCount !== null && byteCount >= MIN_IMAGE_BYTES && byteCount <= MAX_IMAGE_BYTES;191 const ok = okStatus && isImageType && sizeOk;192 const issues = [];193 if (!okStatus) issues.push(`HTTP status ${response.status}`);194 if (!isImageType) issues.push('response is not a recognized image type');195 if (!sizeOk) issues.push(byteCount === null || byteCount <= 0 ? 'content length is unknown' : byteCount < MIN_IMAGE_BYTES ? `image smaller than ${MIN_IMAGE_BYTES} bytes` : `image larger than ${MAX_IMAGE_BYTES} bytes`);196 return { url: rawUrl, ok, status: response.status, contentType: contentType || null, contentLength: byteCount, redirected, issues };197 } catch (error) {198 return { url: rawUrl, ok: false, status: null, contentType: null, contentLength: null, redirected, error: error.message };199 } finally {200 clearTimeout(timeout);201 }202}203
204function sniffImageType(bytes) {205 // ponytail: small magic-byte sniff covers common preview image formats.206 if (bytes.byteLength >= 3 && bytes[0] === 0xFF && bytes[1] === 0xD8 && bytes[2] === 0xFF) return 'image/jpeg';207 if (bytes.byteLength >= 8 && bytes[0] === 0x89 && bytes[1] === 0x50 && bytes[2] === 0x4E && bytes[3] === 0x47 && bytes[4] === 0x0D && bytes[5] === 0x0A && bytes[6] === 0x1A && bytes[7] === 0x0A) return 'image/png';208 if (bytes.byteLength >= 6 && bytes[0] === 0x47 && bytes[1] === 0x49 && bytes[2] === 0x46 && bytes[3] === 0x38 && (bytes[4] === 0x37 || bytes[4] === 0x39) && bytes[5] === 0x61) return 'image/gif';209 if (bytes.byteLength >= 12 && bytes[0] === 0x52 && bytes[1] === 0x49 && bytes[2] === 0x46 && bytes[3] === 0x46 && bytes[8] === 0x57 && bytes[9] === 0x45 && bytes[10] === 0x42 && bytes[11] === 0x50) return 'image/webp';210 return null;211}212
213function scoreAudit({ images, meta, error }) {214 const issues = [];215 const recommendations = [];216 let score = 100;217
218 if (error) return { score: 0, grade: 'F', issues: [error], recommendations: ['Verify the page URL is public and reachable.'] };219
220 if (images.length === 0) {221 score -= 60;222 issues.push('No Open Graph or Twitter Card image found');223 recommendations.push('Add og:image meta tags for social preview images.');224 recommendations.push('Add twitter:image meta tag for Twitter/X card previews.');225 score = Math.max(0, score);226 const grade = score >= 90 ? 'A' : score >= 75 ? 'B' : score >= 60 ? 'C' : score >= 45 ? 'D' : 'F';227 return { score, grade, issues, recommendations };228 }229
230 const broken = images.filter((img) => !img.ok);231 if (broken.length) {232 score -= Math.min(80, broken.length * 30);233 issues.push(`${broken.length} social preview image(s) failed validation`);234 recommendations.push('Fix or replace social preview images returning errors, non-image content, or out-of-range sizes.');235 }236
237 if (images.length === 1) {238 issues.push('Only one social preview image is set; consider adding twitter:image if only og:image is present');239 recommendations.push('Add twitter:image meta tag if Twitter/X card previews are not covered by og:image.');240 }241
242 if (meta.width && meta.height) {243 const w = Number(meta.width);244 const h = Number(meta.height);245 if (w < 200 || h < 200) {246 score -= 10;247 issues.push(`Declared og:image dimensions (${meta.width}x${meta.height}) are below 200x200`);248 recommendations.push('Use social preview images at least 200x200, ideally 1200x630 for og:image.');249 }250 } else if (images.length) {251 score -= 5;252 issues.push('og:image:width and og:image:height are not declared');253 recommendations.push('Declare og:image:width and og:image:height so platforms can render previews without re-fetching.');254 }255
256 const bounded = Math.max(0, score);257 const grade = bounded >= 90 ? 'A' : bounded >= 75 ? 'B' : bounded >= 60 ? 'C' : bounded >= 45 ? 'D' : 'F';258 return { score: bounded, grade, issues: [...new Set(issues)], recommendations: [...new Set(recommendations)] };259}260
261export async function auditOpenGraphImages(input) {262 const startUrl = await normalizeAndValidateUrl(input.startUrl);263 const timeoutSeconds = clampInteger(input.timeoutSeconds, DEFAULT_TIMEOUT_SECONDS, 3, 30);264 const maxHtmlBytes = clampInteger(input.maxHtmlBytes, DEFAULT_MAX_HTML_BYTES, 100000, MAX_HTML_BYTES);265 const maxImages = clampInteger(input.maxImages, 10, 1, 20);266 const checkedAt = new Date().toISOString();267
268 const page = await fetchHtml(startUrl, timeoutSeconds, maxHtmlBytes);269 if (page.error) {270 return {271 inputUrl: input.startUrl,272 normalizedInputUrl: startUrl.href,273 finalUrl: page.finalUrl,274 ok: false,275 checkedAt,276 score: 0,277 grade: 'F',278 imageCount: 0,279 validImageCount: 0,280 brokenImageCount: 0,281 images: [],282 issues: [page.error],283 recommendations: ['Verify the page URL is public and reachable.'],284 error: page.error,285 };286 }287
288 const found = page.error ? [] : extractImageUrls(page.html, page.finalUrl);289 const meta = page.error ? {} : extractImageMeta(page.html, page.finalUrl);290 const toCheck = found.slice(0, maxImages);291 // ponytail: sequential image checks keep rate low; add concurrency only if Store usage proves it slow.292 const images = [];293 for (const img of toCheck) {294 const result = await checkImage(img.url, timeoutSeconds);295 images.push({ source: img.source, url: img.url, ...result });296 }297
298 const scored = scoreAudit({ images, meta, error: null });299 const validImageCount = images.filter((img) => img.ok).length;300 const brokenImageCount = images.length - validImageCount;301
302 return {303 inputUrl: input.startUrl,304 normalizedInputUrl: startUrl.href,305 finalUrl: page.finalUrl,306 ok: images.length > 0 && brokenImageCount === 0,307 checkedAt,308 score: scored.score,309 grade: scored.grade,310 imageCount: images.length,311 validImageCount,312 brokenImageCount,313 images,314 declaredWidth: meta.width || null,315 declaredHeight: meta.height || null,316 declaredAlt: meta.alt || meta.twitterAlt || null,317 issues: scored.issues,318 recommendations: scored.recommendations,319 error: null,320 };321}322
323const isExecutedDirectly = process.argv[1] && fileURLToPath(import.meta.url) === process.argv[1];324
325if (process.env.NODE_ENV !== 'test' && isExecutedDirectly) {326 await Actor.init();327 try {328 const input = await Actor.getInput();329 const result = await auditOpenGraphImages(input || {});330 await Actor.pushData(result);331 await Actor.setValue('OUTPUT', result);332 Actor.log.info('Open Graph image validation complete', { finalUrl: result.finalUrl, score: result.score, grade: result.grade });333 } finally {334 await Actor.exit();335 }336}1import assert from 'node:assert/strict';2import { test } from 'node:test';3import { auditOpenGraphImages, normalizeAndValidateUrl, extractImageUrls } from '../src/main.js';4
5test('blocks non-public and credentialed targets', async () => {6 await assert.rejects(() => normalizeAndValidateUrl('ftp://example.com'), /Only HTTP/);7 await assert.rejects(() => normalizeAndValidateUrl('https://user:pass@example.com'), /credentials/);8 await assert.rejects(() => normalizeAndValidateUrl('http://127.0.0.1'), /Private IPv4/);9});10
11test('extracts og:image and twitter:image URLs', () => {12 const html = `13 <meta property="og:image" content="https://example.com/og.png">14 <meta property="og:image:secure_url" content="https://example.com/secure.png">15 <meta property="og:image:url" content="https://example.com/og.png">16 <meta name="twitter:image" content="https://example.com/twitter.png">17 <meta property="og:title" content="Example">18 <meta property="og:image:width" content="1200">19 <meta property="og:image:height" content="630">20 `;21 const images = extractImageUrls(html, 'https://example.com/page');22 // og:image and og:image:secure_url point to different URLs; og:image:url dedupes to og:image.23 assert.equal(images.length, 3);24 assert.equal(images[0].source, 'og:image');25 assert.equal(images[0].url, 'https://example.com/og.png');26 assert.equal(images[2].source, 'twitter:image');27});28
29test('resolves relative image URLs against the page URL', () => {30 const html = `<meta property="og:image" content="/img/preview.jpg">`;31 const images = extractImageUrls(html, 'https://example.com/blog/post');32 assert.equal(images.length, 1);33 assert.equal(images[0].url, 'https://example.com/img/preview.jpg');34});35
36test('reports missing images with low score', async () => {37 const originalFetch = globalThis.fetch;38 globalThis.fetch = async () => new Response('<html><head></head><body>No images here</body></html>', { status: 200, headers: { 'content-type': 'text/html' } });39 try {40 const result = await auditOpenGraphImages({ startUrl: 'https://example.com/page' });41 assert.equal(result.imageCount, 0);42 assert.equal(result.validImageCount, 0);43 assert.equal(result.ok, false);44 assert.ok(result.score < 50);45 assert.match(result.issues.join(' '), /No Open Graph/);46 } finally {47 globalThis.fetch = originalFetch;48 }49});50
51test('validates a working og:image with 200 image response', async () => {52 const originalFetch = globalThis.fetch;53 const pngBytes = new Uint8Array([0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A, 0x0A, ...new Array(201).fill(0)]);54 let callCount = 0;55 globalThis.fetch = async (url, opts) => {56 callCount++;57 const isImageCheck = (opts?.method || 'GET') === 'GET' && new URL(url).pathname.endsWith('.png');58 if (isImageCheck) {59 return new Response(pngBytes, { status: 200, headers: { 'content-type': 'image/png', 'content-length': String(pngBytes.byteLength) } });60 }61 return new Response('<meta property="og:image" content="https://example.com/preview.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">', { status: 200, headers: { 'content-type': 'text/html' } });62 };63 try {64 const result = await auditOpenGraphImages({ startUrl: 'https://example.com/' });65 assert.equal(result.imageCount, 1);66 assert.equal(result.validImageCount, 1);67 assert.equal(result.brokenImageCount, 0);68 assert.equal(result.ok, true);69 assert.ok(result.score >= 85);70 } finally {71 globalThis.fetch = originalFetch;72 }73});74
75test('flags a broken og:image returning 404', async () => {76 const originalFetch = globalThis.fetch;77 let callCount = 0;78 globalThis.fetch = async (url, opts) => {79 callCount++;80 const u = new URL(url);81 if (u.pathname.endsWith('.png') && (opts?.method || 'GET') === 'GET') {82 return new Response('Not Found', { status: 404, headers: { 'content-type': 'text/plain' } });83 }84 return new Response('<meta property="og:image" content="https://example.com/missing.png">', { status: 200, headers: { 'content-type': 'text/html' } });85 };86 try {87 const result = await auditOpenGraphImages({ startUrl: 'https://example.com/' });88 assert.equal(result.imageCount, 1);89 assert.equal(result.validImageCount, 0);90 assert.equal(result.brokenImageCount, 1);91 assert.equal(result.ok, false);92 assert.ok(result.score < 80);93 assert.match(result.issues.join(' '), /failed validation/);94 } finally {95 globalThis.fetch = originalFetch;96 }97});98
99test('flags og:image returning non-image content type', async () => {100 const originalFetch = globalThis.fetch;101 globalThis.fetch = async (url, opts) => {102 const u = new URL(url);103 if (u.pathname.endsWith('.png') && (opts?.method || 'GET') === 'GET') {104 return new Response('<html>not an image</html>', { status: 200, headers: { 'content-type': 'text/html' } });105 }106 return new Response('<meta property="og:image" content="https://example.com/fake.png">', { status: 200, headers: { 'content-type': 'text/html' } });107 };108 try {109 const result = await auditOpenGraphImages({ startUrl: 'https://example.com/' });110 assert.equal(result.brokenImageCount, 1);111 assert.equal(result.ok, false);112 } finally {113 globalThis.fetch = originalFetch;114 }115});