scratch-svg-renderer
Version:
SVG renderer for Scratch
45 lines (40 loc) • 2.12 kB
JavaScript
const test = require('tap').test;
const fs = require('fs');
const path = require('path');
// important: tests run outside of a browser context, so dompurify won't have the
// DOM it needs to mount the content you give it, and iterate through elements.
// So before we require sanitize-svg (which requires dompurify), we need to create
// a jsdom object and put it into global.window where dompurify can find it.
// This approach is cribbed from the library isomorphic-dompurify.
const jsdom = require('jsdom');
const {JSDOM} = jsdom;
const {window} = new JSDOM('<!DOCTYPE html>');
global.window = window;
// now we're in the clear to require sanitize-svg
const sanitizeSvg = require('../src/sanitize-svg');
// find all svg fixtures with filenames ending '.sanitized.svg', and compare their
// content to the result when we run sanitizeSvg.sanitizeSvgText() on the raw
// versions
test('compare svg content before and after sanitize-svg sanitizes it', t => {
const dirPath = path.resolve(__dirname, './fixtures/');
const fixtureFilenames = fs.readdirSync(dirPath);
// for simplicity, we'll call those existing '.sanitized.svg' files "correct"
const correctSvgFilenames = [];
fixtureFilenames.forEach(filename => {
if (/^.*.sanitized.svg$/.test(filename)) {
correctSvgFilenames.push(filename);
}
});
correctSvgFilenames.forEach(correctSvgFilename => {
// load raw svg content and run it through sanitizeSvg.sanitizeSvgText()
const rawSvgFilename = correctSvgFilename.replace('.sanitized.svg', '.svg');
const rawSvgFilePath = path.resolve(__dirname, `./fixtures/${rawSvgFilename}`);
const rawSvgString = fs.readFileSync(rawSvgFilePath).toString();
const testSanitizedSvgString = sanitizeSvg.sanitizeSvgText(rawSvgString);
// load "correct" content
const correctSvgFilePath = path.resolve(__dirname, `./fixtures/${correctSvgFilename}`);
const correctSvgString = fs.readFileSync(correctSvgFilePath).toString();
t.equals(testSanitizedSvgString, correctSvgString);
});
t.end();
});