html2canvas-pro 2.1.0 → 2.2.0

package/src/core/__tests__/cache-storage.test.ts

@@ -1,205 +0,0 @@
-import { strictEqual, ok, deepStrictEqual } from 'assert';
-import { Cache, ResourceOptions } from '../cache-storage';
-import { Context } from '../context';
-import { Bounds } from '../../css/layout/bounds';
-import { Html2CanvasConfig } from '../../config';
-
-describe('Cache LRU', () => {
-    let context: Context;
-    let cache: Cache;
-
-    beforeEach(() => {
-        const mockWindow = {
-            document: {
-                createElement: (_name: string) => {
-                    let _href = '';
-                    return {
-                        set href(value: string) {
-                            _href = value;
-                        },
-                        get href() {
-                            return _href;
-                        },
-                        get protocol() {
-                            return 'http:';
-                        },
-                        get hostname() {
-                            return 'localhost';
-                        },
-                        get port() {
-                            return '';
-                        }
-                    };
-                }
-            },
-            location: { href: 'http://localhost/' }
-        } as unknown as Window;
-
-        const config = new Html2CanvasConfig({ window: mockWindow });
-        context = new Context(
-            {
-                logging: false,
-                imageTimeout: 15000,
-                useCORS: false,
-                allowTaint: false
-            },
-            new Bounds(0, 0, 800, 600),
-            config
-        );
-
-        const options: ResourceOptions = {
-            imageTimeout: 15000,
-            useCORS: false,
-            allowTaint: false,
-            maxCacheSize: 3 // Small size for testing
-        };
-
-        cache = new Cache(context, options);
-    });
-
-    it('should enforce maximum cache size', () => {
-        strictEqual(cache.getMaxSize(), 3);
-        strictEqual(cache.size(), 0);
-    });
-
-    it('should add images to cache', () => {
-        const blob1 = 'blob:http://localhost/image1';
-        const blob2 = 'blob:http://localhost/image2';
-
-        cache.addImage(blob1);
-        strictEqual(cache.size(), 1);
-
-        cache.addImage(blob2);
-        strictEqual(cache.size(), 2);
-    });
-
-    it('should not exceed max cache size', () => {
-        const blobs = [
-            'blob:http://localhost/image1',
-            'blob:http://localhost/image2',
-            'blob:http://localhost/image3',
-            'blob:http://localhost/image4' // This should trigger eviction
-        ];
-
-        blobs.forEach((blob) => cache.addImage(blob));
-
-        // Should not exceed max size (3)
-        strictEqual(cache.size(), 3);
-    });
-
-    it('should evict least recently used entry when full', async () => {
-        const blob1 = 'blob:http://localhost/image1';
-        const blob2 = 'blob:http://localhost/image2';
-        const blob3 = 'blob:http://localhost/image3';
-        const blob4 = 'blob:http://localhost/image4';
-
-        // Add 3 images (fill cache)
-        cache.addImage(blob1);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        cache.addImage(blob2);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        cache.addImage(blob3);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        strictEqual(cache.size(), 3);
-
-        // Access blob2 and blob3 (update their access time)
-        cache.match(blob2);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        cache.match(blob3);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        // Add blob4 - should evict blob1 (oldest, never accessed)
-        cache.addImage(blob4);
-
-        strictEqual(cache.size(), 3);
-
-        // blob1 should be evicted
-        strictEqual(cache.match(blob1), undefined);
-
-        // blob2, blob3, blob4 should exist
-        ok(cache.match(blob2) !== undefined);
-        ok(cache.match(blob3) !== undefined);
-        ok(cache.match(blob4) !== undefined);
-    });
-
-    it('should update access time on repeated access', async () => {
-        const blob1 = 'blob:http://localhost/image1';
-        const blob2 = 'blob:http://localhost/image2';
-        const blob3 = 'blob:http://localhost/image3';
-
-        cache.addImage(blob1);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        cache.addImage(blob2);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        cache.addImage(blob3);
-        strictEqual(cache.size(), 3);
-
-        // Access blob1 multiple times (update access time)
-        cache.match(blob1);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        cache.addImage(blob1); // Should update access time
-        await new Promise((resolve) => setTimeout(resolve, 10));
-
-        // Add 4th image - should evict blob2 (oldest unaccessed)
-        const blob4 = 'blob:http://localhost/image4';
-        cache.addImage(blob4);
-
-        strictEqual(cache.size(), 3);
-        strictEqual(cache.match(blob2), undefined); // Evicted
-        ok(cache.match(blob1) !== undefined); // Still exists
-    });
-
-    it('should clear all cache entries', () => {
-        cache.addImage('blob:http://localhost/image1');
-        cache.addImage('blob:http://localhost/image2');
-        strictEqual(cache.size(), 2);
-
-        cache.clear();
-        strictEqual(cache.size(), 0);
-    });
-
-    it('should return cache keys', async () => {
-        const blob1 = 'blob:http://localhost/image1';
-        const blob2 = 'blob:http://localhost/image2';
-
-        cache.addImage(blob1);
-        cache.addImage(blob2);
-
-        deepStrictEqual(await cache.keys(), [blob1, blob2]);
-    });
-
-    it('should throw error for invalid max size', () => {
-        const options: ResourceOptions = {
-            imageTimeout: 15000,
-            useCORS: false,
-            allowTaint: false,
-            maxCacheSize: 0 // Invalid
-        };
-
-        try {
-            new Cache(context, options);
-            ok(false, 'Should have thrown error');
-        } catch (error: any) {
-            ok(error.message.includes('at least 1'));
-        }
-    });
-
-    it('should use default max size if not specified', () => {
-        const options: ResourceOptions = {
-            imageTimeout: 15000,
-            useCORS: false,
-            allowTaint: false
-            // maxCacheSize not specified
-        };
-
-        const cacheWithDefault = new Cache(context, options);
-        strictEqual(cacheWithDefault.getMaxSize(), 100); // Default
-    });
-});

package/src/core/__tests__/cache-storage.ts

@@ -1,278 +0,0 @@
-import { deepStrictEqual, fail } from 'assert';
-import { FEATURES } from '../features';
-import { CacheStorage } from '../cache-storage';
-import { Context } from '../context';
-import { Bounds } from '../../css/layout/bounds';
-import { Html2CanvasConfig } from '../../config';
-
-const proxy = 'http://example.com/proxy';
-
-const createMockContext = (origin: string, opts = {}) => {
-    const mockWindow = {
-        location: {
-            href: origin
-        },
-        document: {
-            createElement(_name: string) {
-                let _href = '';
-                return {
-                    set href(value: string) {
-                        _href = value;
-                    },
-                    get href() {
-                        return _href;
-                    },
-                    get protocol() {
-                        return new URL(_href).protocol;
-                    },
-                    get hostname() {
-                        return new URL(_href).hostname;
-                    },
-                    get port() {
-                        return new URL(_href).port;
-                    }
-                };
-            }
-        }
-    };
-
-    // For backward compatibility, also initialize static CacheStorage
-    CacheStorage.setContext(mockWindow as Window);
-
-    const config = new Html2CanvasConfig({ window: mockWindow as Window });
-
-    return new Context(
-        {
-            logging: false,
-            imageTimeout: 0,
-            useCORS: false,
-            allowTaint: false,
-            proxy,
-            ...opts
-        },
-        new Bounds(0, 0, 0, 0),
-        config
-    );
-};
-
-const images: ImageMock[] = [];
-const xhr: XMLHttpRequestMock[] = [];
-const sleep = async (timeout: number) => await new Promise((resolve) => setTimeout(resolve, timeout));
-
-class ImageMock {
-    src?: string;
-    crossOrigin?: string;
-    onload?: () => void;
-    constructor() {
-        images.push(this);
-    }
-}
-
-class XMLHttpRequestMock {
-    sent: boolean;
-    status: number;
-    timeout: number;
-    method?: string;
-    url?: string;
-    response?: string;
-    onload?: () => void;
-    ontimeout?: () => void;
-    constructor() {
-        this.sent = false;
-        this.status = 500;
-        this.timeout = 5000;
-        xhr.push(this);
-    }
-
-    async load(status: number, response: string) {
-        this.response = response;
-        this.status = status;
-        if (this.onload) {
-            this.onload();
-        }
-        await sleep(0);
-    }
-
-    open(method: string, url: string) {
-        this.method = method;
-        this.url = url;
-    }
-    send() {
-        this.sent = true;
-    }
-}
-
-Object.defineProperty(global, 'Image', { value: ImageMock, writable: true });
-Object.defineProperty(global, 'XMLHttpRequest', {
-    value: XMLHttpRequestMock,
-    writable: true
-});
-
-const setFeatures = (opts: { [key: string]: boolean } = {}) => {
-    const defaults: { [key: string]: boolean } = {
-        SUPPORT_SVG_DRAWING: true,
-        SUPPORT_CORS_IMAGES: true,
-        SUPPORT_CORS_XHR: true,
-        SUPPORT_RESPONSE_TYPE: false
-    };
-
-    Object.keys(defaults).forEach((key) => {
-        Object.defineProperty(FEATURES, key, {
-            value: typeof opts[key] === 'boolean' ? opts[key] : defaults[key],
-            writable: true
-        });
-    });
-};
-
-describe('cache-storage', () => {
-    beforeEach(() => setFeatures());
-    afterEach(() => {
-        xhr.splice(0, xhr.length);
-        images.splice(0, images.length);
-    });
-    it('addImage adds images to cache', async () => {
-        const { cache } = createMockContext('http://example.com', { proxy: null });
-        await cache.addImage('http://example.com/test.jpg');
-        await cache.addImage('http://example.com/test2.jpg');
-
-        deepStrictEqual(images.length, 2);
-        deepStrictEqual(images[0].src, 'http://example.com/test.jpg');
-        deepStrictEqual(images[1].src, 'http://example.com/test2.jpg');
-    });
-
-    it('addImage should not add duplicate entries', async () => {
-        const { cache } = createMockContext('http://example.com');
-        await cache.addImage('http://example.com/test.jpg');
-        await cache.addImage('http://example.com/test.jpg');
-
-        deepStrictEqual(images.length, 1);
-        deepStrictEqual(images[0].src, 'http://example.com/test.jpg');
-    });
-
-    describe('svg', () => {
-        it('should add svg images correctly', async () => {
-            const { cache } = createMockContext('http://example.com');
-            await cache.addImage('http://example.com/test.svg');
-            await cache.addImage('http://example.com/test2.svg');
-
-            deepStrictEqual(images.length, 2);
-            deepStrictEqual(images[0].src, 'http://example.com/test.svg');
-            deepStrictEqual(images[1].src, 'http://example.com/test2.svg');
-        });
-
-        it('should omit svg images if not supported', async () => {
-            setFeatures({ SUPPORT_SVG_DRAWING: false });
-            const { cache } = createMockContext('http://example.com');
-            await cache.addImage('http://example.com/test.svg');
-            await cache.addImage('http://example.com/test2.svg');
-
-            deepStrictEqual(images.length, 0);
-        });
-    });
-
-    describe('cross-origin', () => {
-        it('addImage should not add images it cannot load/render', async () => {
-            const { cache } = createMockContext('http://example.com', {
-                proxy: undefined
-            });
-            await cache.addImage('http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images.length, 0);
-        });
-
-        it('addImage should add images if tainting enabled', async () => {
-            const { cache } = createMockContext('http://example.com', {
-                allowTaint: true,
-                proxy: undefined
-            });
-            await cache.addImage('http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images.length, 1);
-            deepStrictEqual(images[0].src, 'http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images[0].crossOrigin, undefined);
-        });
-
-        it('addImage should add images if cors enabled', async () => {
-            const { cache } = createMockContext('http://example.com', { useCORS: true });
-            await cache.addImage('http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images.length, 1);
-            deepStrictEqual(images[0].src, 'http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images[0].crossOrigin, 'anonymous');
-        });
-
-        it('addImage should not add images if cors enabled but not supported', async () => {
-            setFeatures({ SUPPORT_CORS_IMAGES: false });
-
-            const { cache } = createMockContext('http://example.com', {
-                useCORS: true,
-                proxy: undefined
-            });
-            await cache.addImage('http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images.length, 0);
-        });
-
-        it('addImage should not add images to proxy if cors enabled', async () => {
-            const { cache } = createMockContext('http://example.com', { useCORS: true });
-            await cache.addImage('http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images.length, 1);
-            deepStrictEqual(images[0].src, 'http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(images[0].crossOrigin, 'anonymous');
-        });
-
-        it('addImage should use proxy ', async () => {
-            const { cache } = createMockContext('http://example.com');
-            await cache.addImage('http://html2canvas.hertzen.com/test.jpg');
-            deepStrictEqual(xhr.length, 1);
-            deepStrictEqual(
-                xhr[0].url,
-                `${proxy}?url=${encodeURIComponent('http://html2canvas.hertzen.com/test.jpg')}&responseType=text`
-            );
-            await xhr[0].load(200, '<data response>');
-
-            deepStrictEqual(images.length, 1);
-            deepStrictEqual(images[0].src, '<data response>');
-        });
-
-        it('proxy should respect imageTimeout', async () => {
-            const { cache } = createMockContext('http://example.com', {
-                imageTimeout: 10
-            });
-            await cache.addImage('http://html2canvas.hertzen.com/test.jpg');
-
-            deepStrictEqual(xhr.length, 1);
-            deepStrictEqual(
-                xhr[0].url,
-                `${proxy}?url=${encodeURIComponent('http://html2canvas.hertzen.com/test.jpg')}&responseType=text`
-            );
-            deepStrictEqual(xhr[0].timeout, 10);
-            if (xhr[0].ontimeout) {
-                xhr[0].ontimeout();
-            }
-            try {
-                await cache.match('http://html2canvas.hertzen.com/test.jpg');
-                fail('Expected result to timeout');
-            } catch (e) {}
-        });
-    });
-
-    it('match should return cache entry', async () => {
-        const { cache } = createMockContext('http://example.com');
-        await cache.addImage('http://example.com/test.jpg');
-
-        if (images[0].onload) {
-            images[0].onload();
-        }
-
-        const response = await cache.match('http://example.com/test.jpg');
-
-        deepStrictEqual((response as HTMLImageElement).src, 'http://example.com/test.jpg');
-    });
-
-    it('image should respect imageTimeout', async () => {
-        const { cache } = createMockContext('http://example.com', { imageTimeout: 10 });
-        cache.addImage('http://example.com/test.jpg');
-
-        try {
-            await cache.match('http://example.com/test.jpg');
-            fail('Expected result to timeout');
-        } catch (e) {}
-    });
-});

package/src/core/__tests__/logger.ts

@@ -1,29 +0,0 @@
-import { Logger } from '../logger';
-
-describe('logger', () => {
-    let infoSpy: any;
-
-    beforeEach(() => {
-        infoSpy = vi.spyOn(console, 'info').mockImplementation(() => {
-            // do nothing
-        });
-    });
-
-    afterEach(() => {
-        infoSpy.mockRestore();
-    });
-
-    it('should call console.info when logger enabled', () => {
-        const id = Math.random().toString();
-        const logger = new Logger({ id, enabled: true });
-        logger.info('testing');
-        expect(infoSpy).toHaveBeenLastCalledWith(id, expect.stringMatching(/\d+ms/), 'testing');
-    });
-
-    it("shouldn't call console.info when logger disabled", () => {
-        const id = Math.random().toString();
-        const logger = new Logger({ id, enabled: false });
-        logger.info('testing');
-        expect(infoSpy).not.toHaveBeenCalled();
-    });
-});