mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-04 15:10:06 +00:00
ead43312f8
- Enhanced setup-browser-globals.js with configurable URL and full location mock - Created LocationMock helper class for dynamic location mocking in tests - Integrated LocationMock into ComfyPage fixture with optional setup - Added example test file demonstrating location mock usage - Support for mocking location.assign, location.replace, and location.reload methods
91 lines
3.2 KiB
JavaScript
91 lines
3.2 KiB
JavaScript
// Polyfill browser globals for Node.js context during test imports
|
|
import { Window } from 'happy-dom';
|
|
|
|
// Define build-time constants
|
|
if (typeof globalThis.__USE_PROD_CONFIG__ === 'undefined') {
|
|
globalThis.__USE_PROD_CONFIG__ = false;
|
|
}
|
|
|
|
// Create a happy-dom window instance with configurable URL
|
|
const defaultUrl = (typeof globalThis.process !== 'undefined' && globalThis.process.env?.HAPPY_DOM_URL) || 'http://localhost:5173/';
|
|
const window = new Window({
|
|
url: defaultUrl,
|
|
width: 1024,
|
|
height: 768
|
|
});
|
|
|
|
// Mock location with additional properties for testing
|
|
const mockLocation = {
|
|
...window.location,
|
|
href: defaultUrl,
|
|
origin: new URL(defaultUrl).origin,
|
|
protocol: new URL(defaultUrl).protocol,
|
|
host: new URL(defaultUrl).host,
|
|
hostname: new URL(defaultUrl).hostname,
|
|
port: new URL(defaultUrl).port,
|
|
pathname: new URL(defaultUrl).pathname,
|
|
search: new URL(defaultUrl).search,
|
|
hash: new URL(defaultUrl).hash,
|
|
assign: (url) => {
|
|
console.log(`[Mock] location.assign called with: ${url}`);
|
|
mockLocation.href = url;
|
|
},
|
|
replace: (url) => {
|
|
console.log(`[Mock] location.replace called with: ${url}`);
|
|
mockLocation.href = url;
|
|
},
|
|
reload: () => {
|
|
console.log('[Mock] location.reload called');
|
|
}
|
|
};
|
|
|
|
// Expose DOM globals (only set if not already defined)
|
|
if (!globalThis.window) globalThis.window = window;
|
|
if (!globalThis.document) globalThis.document = window.document;
|
|
if (!globalThis.location) globalThis.location = mockLocation;
|
|
if (!globalThis.navigator) {
|
|
try {
|
|
globalThis.navigator = window.navigator;
|
|
} catch (e) {
|
|
// navigator might be read-only in some environments
|
|
}
|
|
}
|
|
if (!globalThis.HTMLElement) globalThis.HTMLElement = window.HTMLElement;
|
|
if (!globalThis.Element) globalThis.Element = window.Element;
|
|
if (!globalThis.Node) globalThis.Node = window.Node;
|
|
if (!globalThis.NodeList) globalThis.NodeList = window.NodeList;
|
|
if (!globalThis.DOMParser) globalThis.DOMParser = window.DOMParser;
|
|
if (!globalThis.XMLSerializer) globalThis.XMLSerializer = window.XMLSerializer;
|
|
if (!globalThis.localStorage) globalThis.localStorage = window.localStorage;
|
|
if (!globalThis.sessionStorage) globalThis.sessionStorage = window.sessionStorage;
|
|
if (!globalThis.CustomEvent) globalThis.CustomEvent = window.CustomEvent;
|
|
if (!globalThis.Event) globalThis.Event = window.Event;
|
|
if (!globalThis.MouseEvent) globalThis.MouseEvent = window.MouseEvent;
|
|
if (!globalThis.KeyboardEvent) globalThis.KeyboardEvent = window.KeyboardEvent;
|
|
if (!globalThis.getComputedStyle) globalThis.getComputedStyle = window.getComputedStyle;
|
|
if (!globalThis.requestAnimationFrame) globalThis.requestAnimationFrame = window.requestAnimationFrame;
|
|
if (!globalThis.cancelAnimationFrame) globalThis.cancelAnimationFrame = window.cancelAnimationFrame;
|
|
|
|
// Add ResizeObserver polyfill
|
|
if (!globalThis.ResizeObserver) {
|
|
globalThis.ResizeObserver = class ResizeObserver {
|
|
constructor(callback) {
|
|
this.callback = callback;
|
|
}
|
|
observe() {}
|
|
unobserve() {}
|
|
disconnect() {}
|
|
};
|
|
}
|
|
|
|
// Add IntersectionObserver polyfill
|
|
if (!globalThis.IntersectionObserver) {
|
|
globalThis.IntersectionObserver = class IntersectionObserver {
|
|
constructor(callback) {
|
|
this.callback = callback;
|
|
}
|
|
observe() {}
|
|
unobserve() {}
|
|
disconnect() {}
|
|
};
|
|
} |