happy-dom 13.0.0 → 13.0.1

package/src/browser/detached-browser/DetachedBrowserPage.ts

@@ -1,5 +1,4 @@
 import VirtualConsolePrinter from '../../console/VirtualConsolePrinter.js';
-import IBrowserPageViewport from '../types/IBrowserPageViewport.js';
 import DetachedBrowserFrame from './DetachedBrowserFrame.js';
 import DetachedBrowserContext from './DetachedBrowserContext.js';
 import VirtualConsole from '../../console/VirtualConsole.js';
@@ -9,6 +8,10 @@ import IGoToOptions from '../types/IGoToOptions.js';
 import IResponse from '../../fetch/types/IResponse.js';
 import BrowserPageUtility from '../utilities/BrowserPageUtility.js';
 import IReloadOptions from '../types/IReloadOptions.js';
+import DefaultBrowserPageViewport from '../DefaultBrowserPageViewport.js';
+import IOptionalBrowserPageViewport from '../types/IOptionalBrowserPageViewport.js';
+import IBrowserPageViewport from '../types/IBrowserPageViewport.js';
+import Event from '../../event/Event.js';
 
 /**
  * Detached browser page used when constructing a Window instance without a browser.
@@ -18,6 +21,7 @@ export default class DetachedBrowserPage implements IBrowserPage {
 	public readonly mainFrame: DetachedBrowserFrame;
 	public readonly context: DetachedBrowserContext;
 	public readonly console: Console;
+	public readonly viewport: IBrowserPageViewport = Object.assign({}, DefaultBrowserPageViewport);
 
 	/**
 	 * Constructor.
@@ -126,8 +130,16 @@ export default class DetachedBrowserPage implements IBrowserPage {
 	 *
 	 * @param viewport Viewport.
 	 */
-	public setViewport(viewport: IBrowserPageViewport): void {
-		BrowserPageUtility.setViewport(this, viewport);
+	public setViewport(viewport: IOptionalBrowserPageViewport): void {
+		const previousViewport = Object.assign({}, this.viewport);
+		Object.assign(this.viewport, viewport);
+		if (
+			previousViewport.width !== this.viewport.width ||
+			previousViewport.height !== this.viewport.height ||
+			previousViewport.devicePixelRatio !== this.viewport.devicePixelRatio
+		) {
+			this.mainFrame.window.dispatchEvent(new Event('resize'));
+		}
 	}
 
 	/**

package/src/browser/types/IBrowser.ts

@@ -1,5 +1,4 @@
 import IBrowserContext from './IBrowserContext.js';
-import IBrowserFrame from './IBrowserFrame.js';
 import IBrowserPage from './IBrowserPage.js';
 import IBrowserSettings from './IBrowserSettings.js';
 
@@ -41,8 +40,7 @@ export default interface IBrowser {
 	/**
 	 * Creates a new page.
 	 *
-	 * @param [opener] Opener.
 	 * @returns Page.
 	 */
-	newPage(opener?: IBrowserFrame): IBrowserPage;
+	newPage(): IBrowserPage;
 }

package/src/browser/types/IBrowserContext.ts

@@ -1,7 +1,6 @@
 import ICookieContainer from '../../cookie/types/ICookieContainer.js';
 import IResponseCache from '../../fetch/cache/response/IResponseCache.js';
 import IBrowser from './IBrowser.js';
-import IBrowserFrame from './IBrowserFrame.js';
 import IBrowserPage from './IBrowserPage.js';
 import IPreflightResponseCache from '../../fetch/cache/preflight/IPreflightResponseCache.js';
 
@@ -35,8 +34,7 @@ export default interface IBrowserContext {
 	/**
 	 * Creates a new page.
 	 *
-	 * @param [opener] Opener.
 	 * @returns Page.
 	 */
-	newPage(opener?: IBrowserFrame): IBrowserPage;
+	newPage(): IBrowserPage;
 }

package/src/browser/types/IBrowserFrame.ts

@@ -8,6 +8,7 @@ import IGoToOptions from './IGoToOptions.js';
 import { Script } from 'vm';
 import IReloadOptions from './IReloadOptions.js';
 import BrowserFrameExceptionObserver from '../utilities/BrowserFrameExceptionObserver.js';
+import ICrossOriginBrowserWindow from '../../window/ICrossOriginBrowserWindow.js';
 
 /**
  * Browser frame.
@@ -15,7 +16,6 @@ import BrowserFrameExceptionObserver from '../utilities/BrowserFrameExceptionObs
 export default interface IBrowserFrame {
 	readonly childFrames: IBrowserFrame[];
 	readonly parentFrame: IBrowserFrame | null;
-	readonly opener: IBrowserFrame | null;
 	readonly page: IBrowserPage;
 	readonly window: IBrowserWindow;
 	readonly document: IDocument;
@@ -24,6 +24,9 @@ export default interface IBrowserFrame {
 	[PropertySymbol.asyncTaskManager]: AsyncTaskManager;
 	[PropertySymbol.exceptionObserver]: BrowserFrameExceptionObserver | null;
 	[PropertySymbol.listeners]: { navigation: Array<() => void> };
+	[PropertySymbol.openerFrame]: IBrowserFrame | null;
+	[PropertySymbol.openerWindow]: IBrowserWindow | ICrossOriginBrowserWindow | null;
+	[PropertySymbol.popup]: boolean;
 
 	/**
 	 * Returns a promise that is resolved when all resources has been loaded, fetch has completed, and all async tasks such as timers are complete.

package/src/browser/types/IBrowserPage.ts

@@ -1,4 +1,4 @@
-import IBrowserPageViewport from './IBrowserPageViewport.js';
+import IBrowserPageViewport from '../types/IBrowserPageViewport.js';
 import VirtualConsolePrinter from '../../console/VirtualConsolePrinter.js';
 import IBrowserFrame from './IBrowserFrame.js';
 import IBrowserContext from './IBrowserContext.js';
@@ -6,6 +6,7 @@ import { Script } from 'vm';
 import IGoToOptions from './IGoToOptions.js';
 import IResponse from '../../fetch/types/IResponse.js';
 import IReloadOptions from './IReloadOptions.js';
+import IOptionalBrowserPageViewport from './IOptionalBrowserPageViewport.js';
 
 /**
  * Browser page.
@@ -16,6 +17,7 @@ export default interface IBrowserPage {
 	readonly context: IBrowserContext;
 	readonly console: Console;
 	readonly frames: IBrowserFrame[];
+	readonly viewport: IBrowserPageViewport;
 	content: string;
 	url: string;
 
@@ -49,7 +51,7 @@ export default interface IBrowserPage {
 	 *
 	 * @param viewport Viewport.
 	 */
-	setViewport(viewport: IBrowserPageViewport): void;
+	setViewport(viewport: IOptionalBrowserPageViewport): void;
 
 	/**
 	 * Go to a page.

package/src/browser/types/IBrowserPageViewport.ts

@@ -1,5 +1,5 @@
 export default interface IBrowserPageViewport {
-	width?: number;
-	height?: number;
-	devicePixelRatio?: number;
+	width: number;
+	height: number;
+	devicePixelRatio: number;
 }

package/src/browser/types/IOptionalBrowserPageViewport.ts

@@ -0,0 +1,5 @@
+export default interface IOptionalBrowserPageViewport {
+	width?: number;
+	height?: number;
+	devicePixelRatio?: number;
+}

package/src/browser/utilities/BrowserFrameFactory.ts

@@ -45,7 +45,8 @@ export default class BrowserFrameFactory {
 			frame.window[PropertySymbol.destroy]();
 			(<IBrowserPage | null>frame.page) = null;
 			(<IBrowserWindow | null>frame.window) = null;
-			(<IBrowserFrame | null>frame.opener) = null;
+			frame[PropertySymbol.openerFrame] = null;
+			frame[PropertySymbol.openerWindow] = null;
 
 			if (!frame.childFrames.length) {
 				return frame[PropertySymbol.asyncTaskManager]

package/src/browser/utilities/BrowserFrameValidator.ts

@@ -2,6 +2,7 @@ import IBrowserFrame from '../types/IBrowserFrame.js';
 import { URL } from 'url';
 import BrowserNavigationCrossOriginPolicyEnum from '../enums/BrowserNavigationCrossOriginPolicyEnum.js';
 import DetachedBrowserFrame from '../detached-browser/DetachedBrowserFrame.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * Browser frame validator.
@@ -18,10 +19,9 @@ export default class BrowserFrameValidator {
 		const settings = frame.page.context.browser.settings;
 		let fromURL = frame.page.mainFrame.window.location;
 
-		if (frame.opener) {
-			fromURL = frame.opener.window.location;
-		}
-		if (frame.parentFrame) {
+		if (frame[PropertySymbol.openerFrame]) {
+			fromURL = frame[PropertySymbol.openerFrame].window.location;
+		} else if (frame.parentFrame) {
 			fromURL = frame.parentFrame.window.location;
 		}
 
@@ -74,7 +74,7 @@ export default class BrowserFrameValidator {
 			return false;
 		}
 
-		if (settings.navigation.disableChildPageNavigation && !!frame.opener) {
+		if (settings.navigation.disableChildPageNavigation && !!frame[PropertySymbol.openerFrame]) {
 			return false;
 		}
 

package/src/browser/utilities/BrowserPageUtility.ts

@@ -1,7 +1,5 @@
 import IBrowserFrame from '../types/IBrowserFrame.js';
 import IBrowserPage from '../types/IBrowserPage.js';
-import IBrowserPageViewport from '../types/IBrowserPageViewport.js';
-import Event from '../../event/Event.js';
 import IVirtualConsolePrinter from '../../console/types/IVirtualConsolePrinter.js';
 import IBrowserContext from '../types/IBrowserContext.js';
 import BrowserFrameFactory from './BrowserFrameFactory.js';
@@ -20,35 +18,6 @@ export default class BrowserPageUtility {
 		return this.findFrames(page.mainFrame);
 	}
 
-	/**
-	 * Sets the viewport.
-	 *
-	 * @param page Page.
-	 * @param viewport Viewport.
-	 */
-	public static setViewport(page: IBrowserPage, viewport: IBrowserPageViewport): void {
-		if (
-			(viewport.width !== undefined && page.mainFrame.window.innerWidth !== viewport.width) ||
-			(viewport.height !== undefined && page.mainFrame.window.innerHeight !== viewport.height)
-		) {
-			if (viewport.width !== undefined && page.mainFrame.window.innerWidth !== viewport.width) {
-				(<number>page.mainFrame.window.innerWidth) = viewport.width;
-				(<number>page.mainFrame.window.outerWidth) = viewport.width;
-			}
-
-			if (viewport.height !== undefined && page.mainFrame.window.innerHeight !== viewport.height) {
-				(<number>page.mainFrame.window.innerHeight) = viewport.height;
-				(<number>page.mainFrame.window.outerHeight) = viewport.height;
-			}
-
-			page.mainFrame.window.dispatchEvent(new Event('resize'));
-		}
-
-		if (viewport.devicePixelRatio !== undefined) {
-			(<number>page.mainFrame.window.devicePixelRatio) = viewport.devicePixelRatio;
-		}
-	}
-
 	/**
 	 * Aborts all ongoing operations and destroys the page.
 	 *

package/src/index.ts

@@ -172,6 +172,7 @@ import type IBrowser from './browser/types/IBrowser.js';
 import type IBrowserContext from './browser/types/IBrowserContext.js';
 import type IBrowserFrame from './browser/types/IBrowserFrame.js';
 import type IBrowserPage from './browser/types/IBrowserPage.js';
+import type ICrossOriginBrowserWindow from './window/ICrossOriginBrowserWindow.js';
 
 export type {
 	IAnimationEventInit,
@@ -181,6 +182,7 @@ export type {
 	IBrowserContext,
 	IBrowserFrame,
 	IBrowserPage,
+	ICrossOriginBrowserWindow,
 	IClipboardEventInit,
 	IComment,
 	ICustomEventInit,

package/src/window/BrowserWindow.ts

@@ -405,21 +405,15 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	public readonly history: History;
 	public readonly navigator: Navigator;
 	public readonly console: Console;
-	public readonly opener: IBrowserWindow | null = null;
 	public readonly self: IBrowserWindow = this;
 	public readonly top: IBrowserWindow = this;
 	public readonly parent: IBrowserWindow = this;
 	public readonly window: IBrowserWindow = this;
 	public readonly globalThis: IBrowserWindow = this;
 	public readonly screen: Screen;
-	public readonly devicePixelRatio = 1;
 	public readonly sessionStorage: Storage;
 	public readonly localStorage: Storage;
 	public readonly performance = PerfHooks.performance;
-	public readonly innerWidth: number = 1024;
-	public readonly innerHeight: number = 768;
-	public readonly outerWidth: number = 1024;
-	public readonly outerHeight: number = 768;
 	public readonly screenLeft: number = 0;
 	public readonly screenTop: number = 0;
 	public readonly screenX: number = 0;
@@ -504,6 +498,11 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	#clearInterval: (id: NodeJS.Timeout) => void;
 	#queueMicrotask: (callback: Function) => void;
 	#browserFrame: IBrowserFrame;
+	#innerWidth: number | null = null;
+	#innerHeight: number | null = null;
+	#outerWidth: number | null = null;
+	#outerHeight: number | null = null;
+	#devicePixelRatio: number | null = null;
 
 	/**
 	 * Constructor.
@@ -511,13 +510,8 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 	 * @param browserFrame Browser frame.
 	 * @param [options] Options.
 	 * @param [options.url] URL.
-	 * @param [options.width] Window width. Defaults to "1024".
-	 * @param [options.height] Window height. Defaults to "768".
 	 */
-	constructor(
-		browserFrame: IBrowserFrame,
-		options?: { url?: string; width?: number; height?: number }
-	) {
+	constructor(browserFrame: IBrowserFrame, options?: { url?: string }) {
 		super();
 
 		this.#browserFrame = browserFrame;
@@ -538,20 +532,6 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 
 		WindowBrowserSettingsReader.setSettings(this, this.#browserFrame.page.context.browser.settings);
 
-		if (options) {
-			if (options.width !== undefined) {
-				if (options.width !== undefined && this.innerWidth !== options.width) {
-					(<number>this.innerWidth) = options.width;
-					(<number>this.outerWidth) = options.width;
-				}
-			}
-
-			if (options.height !== undefined && this.innerHeight !== options.height) {
-				(<number>this.innerHeight) = options.height;
-				(<number>this.outerHeight) = options.height;
-			}
-		}
-
 		// Binds all methods to "this", so that it will use the correct context when called globally.
 		for (const key of Object.getOwnPropertyNames(BrowserWindow.prototype).concat(
 			Object.getOwnPropertyNames(EventTarget.prototype)
@@ -684,6 +664,15 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		});
 	}
 
+	/**
+	 * Returns opener.
+	 *
+	 * @returns Opener.
+	 */
+	public get opener(): IBrowserWindow | ICrossOriginBrowserWindow | null {
+		return this.#browserFrame[PropertySymbol.openerWindow];
+	}
+
 	/**
 	 * The number of pixels that the document is currently scrolled horizontally.
 	 *
@@ -729,6 +718,114 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		return new CSS();
 	}
 
+	/**
+	 * Returns inner width.
+	 *
+	 * @returns Inner width.
+	 */
+	public get innerWidth(): number {
+		if (this.#innerWidth === null) {
+			return this.#browserFrame.page.viewport.width;
+		}
+		return this.#innerWidth;
+	}
+
+	/**
+	 * Sets inner width.
+	 *
+	 * @param value Inner width.
+	 */
+	public set innerWidth(value: number) {
+		this.#innerWidth = value;
+	}
+
+	/**
+	 * Returns inner height.
+	 *
+	 * @returns Inner height.
+	 */
+	public get innerHeight(): number {
+		// It seems like this value can be defined according to spec, but changing it has no effect on the actual viewport.
+		if (this.#innerHeight === null) {
+			return this.#browserFrame.page.viewport.height;
+		}
+		return this.#innerHeight;
+	}
+
+	/**
+	 * Sets inner height.
+	 *
+	 * @param value Inner height.
+	 */
+	public set innerHeight(value: number) {
+		this.#innerHeight = value;
+	}
+
+	/**
+	 * Returns outer width.
+	 *
+	 * @returns Outer width.
+	 */
+	public get outerWidth(): number {
+		// It seems like this value can be defined according to spec, but changing it has no effect on the actual viewport.
+		if (this.#outerWidth === null) {
+			return this.#browserFrame.page.viewport.width;
+		}
+		return this.#outerWidth;
+	}
+
+	/**
+	 * Sets outer width.
+	 *
+	 * @param value Outer width.
+	 */
+	public set outerWidth(value: number) {
+		this.#outerWidth = value;
+	}
+
+	/**
+	 * Returns outer height.
+	 *
+	 * @returns Outer height.
+	 */
+	public get outerHeight(): number {
+		if (this.#outerHeight === null) {
+			return this.#browserFrame.page.viewport.height;
+		}
+		return this.#outerHeight;
+	}
+
+	/**
+	 * Sets outer height.
+	 *
+	 * @param value Outer height.
+	 */
+	public set outerHeight(value: number) {
+		this.#outerHeight = value;
+	}
+
+	/**
+	 * Returns device pixel ratio.
+	 *
+	 * @returns Device pixel ratio.
+	 */
+	public get devicePixelRatio(): number {
+		// It seems like this value can be defined according to spec, but changing it has no effect on the actual viewport.
+		if (this.#devicePixelRatio === null) {
+			return this.#browserFrame.page.viewport.devicePixelRatio;
+		}
+		return this.#devicePixelRatio;
+	}
+
+	/**
+	 * Sets device pixel ratio.
+	 *
+	 * @param value Device pixel ratio.
+	 */
+	public set devicePixelRatio(value: number) {
+		this.#devicePixelRatio = value;
+	}
+
 	/**
 	 * Returns an object containing the values of all CSS properties of an element.
 	 *
@@ -1067,6 +1164,48 @@ export default class BrowserWindow extends EventTarget implements IBrowserWindow
 		);
 	}
 
+	/**
+	 * Resizes the window.
+	 *
+	 * @param width Width.
+	 * @param height Height.
+	 */
+	public resizeTo(width: number, height: number): void {
+		if (!width || !height) {
+			throw new DOMException(
+				`Failed to execute 'resizeTo' on 'Window': 2 arguments required, but only ${arguments.length} present.`
+			);
+		}
+
+		// We can only resize the window if it is a popup.
+		if (this.#browserFrame[PropertySymbol.popup]) {
+			this.#browserFrame.page.setViewport({ width, height });
+		}
+	}
+
+	/**
+	 * Resizes the current window by a specified amount.
+	 *
+	 * @param width Width.
+	 * @param height Height.
+	 */
+	public resizeBy(width: number, height: number): void {
+		if (!width || !height) {
+			throw new DOMException(
+				`Failed to execute 'resizeBy' on 'Window': 2 arguments required, but only ${arguments.length} present.`
+			);
+		}
+
+		// We can only resize the window if it is a popup.
+		if (this.#browserFrame[PropertySymbol.popup]) {
+			const viewport = this.#browserFrame.page.viewport;
+			this.#browserFrame.page.setViewport({
+				width: viewport.width + width,
+				height: viewport.height + height
+			});
+		}
+	}
+
 	/**
 	 * Setup of VM context.
 	 */

package/src/window/DetachedWindowAPI.ts

@@ -1,5 +1,5 @@
 import VirtualConsolePrinter from '../console/VirtualConsolePrinter.js';
-import IBrowserPageViewport from '../browser/types/IBrowserPageViewport.js';
+import IOptionalBrowserPageViewport from '../browser/types/IOptionalBrowserPageViewport.js';
 import IBrowserFrame from '../browser/types/IBrowserFrame.js';
 import IBrowserSettings from '../browser/types/IBrowserSettings.js';
 
@@ -85,7 +85,7 @@ export default class DetachedWindowAPI {
 	 *
 	 * @param viewport Viewport.
 	 */
-	public setViewport(viewport: IBrowserPageViewport): void {
+	public setViewport(viewport: IOptionalBrowserPageViewport): void {
 		this.#browserFrame.page.setViewport(viewport);
 	}
 

package/src/window/IBrowserWindow.ts

@@ -398,11 +398,11 @@ export default interface IBrowserWindow extends IEventTarget, INodeJSGlobal {
 	readonly window: IBrowserWindow;
 	readonly globalThis: IBrowserWindow;
 	readonly screen: Screen;
-	readonly devicePixelRatio: number;
-	readonly innerWidth: number;
-	readonly innerHeight: number;
-	readonly outerWidth: number;
-	readonly outerHeight: number;
+	innerWidth: number;
+	innerHeight: number;
+	outerWidth: number;
+	outerHeight: number;
+	devicePixelRatio: number;
 	readonly screenLeft: number;
 	readonly screenTop: number;
 	readonly screenX: number;
@@ -571,6 +571,19 @@ export default interface IBrowserWindow extends IEventTarget, INodeJSGlobal {
 	 */
 	postMessage(message: unknown, targetOrigin?: string, transfer?: unknown[]): void;
 
+	/**
+	 * Resizes the window.
+	 *
+	 * @param width Width.
+	 * @param height Height.
+	 */
+	resizeTo(width: number, height: number): void;
+
+	/**
+	 * Resizes the current window by a specified amount.
+	 */
+	resizeBy(width: number, height: number): void;
+
 	/**
 	 * Destroys the window.
 	 */

package/src/window/Window.ts

@@ -41,12 +41,18 @@ export default class Window extends BrowserWindow implements IWindow {
 			console: options?.console,
 			settings: options?.settings
 		});
-		const browserFrame = browser.defaultContext.pages[0].mainFrame;
+		const browserPage = browser.defaultContext.pages[0];
+		const browserFrame = browserPage.mainFrame;
+
+		if (options && (options.width || options.height || options.innerWidth || options.innerHeight)) {
+			Object.assign(browserPage.viewport, {
+				width: options.width || options.innerWidth || browserPage.viewport.width,
+				height: options.height || options.innerHeight || browserPage.viewport.height
+			});
+		}
 
 		super(browserFrame, {
-			url: options?.url,
-			width: options?.width ?? options?.innerWidth,
-			height: options?.height ?? options?.innerHeight
+			url: options?.url
 		});
 
 		browserFrame.window = this;

package/src/window/WindowPageOpenUtility.ts

@@ -4,6 +4,7 @@ import IBrowserFrame from '../browser/types/IBrowserFrame.js';
 import FetchCORSUtility from '../fetch/utilities/FetchCORSUtility.js';
 import ICrossOriginBrowserWindow from './ICrossOriginBrowserWindow.js';
 import BrowserFrameURL from '../browser/utilities/BrowserFrameURL.js';
+import * as PropertySymbol from '../PropertySymbol.js';
 
 /**
  * Window page open handler.
@@ -45,8 +46,9 @@ export default class WindowPageOpenUtility {
 				break;
 			case '_blank':
 			default:
-				const newPage = browserFrame.page.context.newPage(browserFrame);
+				const newPage = browserFrame.page.context.newPage();
 				targetFrame = newPage.mainFrame;
+				targetFrame[PropertySymbol.openerFrame] = browserFrame;
 				break;
 		}
 
@@ -66,6 +68,8 @@ export default class WindowPageOpenUtility {
 		}
 
 		if (features.popup && target !== '_self' && target !== '_top' && target !== '_parent') {
+			targetFrame[PropertySymbol.popup] = true;
+
 			if (features?.width || features?.height) {
 				targetFrame.page.setViewport({
 					width: features?.width,
@@ -100,9 +104,10 @@ export default class WindowPageOpenUtility {
 			!features.noopener &&
 			!features.noreferrer &&
 			browserFrame.window &&
+			targetFrame[PropertySymbol.openerFrame] &&
 			targetFrame.window !== browserFrame.window
 		) {
-			(<IBrowserWindow | ICrossOriginBrowserWindow>targetFrame.window.opener) = isCORS
+			targetFrame[PropertySymbol.openerWindow] = isCORS
 				? new CrossOriginBrowserWindow(browserFrame.window)
 				: browserFrame.window;
 		}
@@ -156,7 +161,7 @@ export default class WindowPageOpenUtility {
 			const [key, value] = part.split('=');
 			switch (key) {
 				case 'popup':
-					result.popup = value === 'yes' || value === '1' || value === 'true';
+					result.popup = !value || value === 'yes' || value === '1' || value === 'true';
 					break;
 				case 'width':
 				case 'innerWidth':