@vitest/browser 4.0.0-beta.9 → 4.0.0

package/dist/{locators/index.d.ts → locators.d.ts}

@@ -1,4 +1,4 @@
-import { UserEventClickOptions, UserEventClearOptions, UserEventHoverOptions, UserEventFillOptions, UserEventUploadOptions, UserEventDragAndDropOptions, UserEventSelectOptions, LocatorScreenshotOptions, LocatorByRoleOptions, LocatorOptions } from '@vitest/browser/context';
+import { UserEventClickOptions, UserEventClearOptions, UserEventHoverOptions, UserEventFillOptions, UserEventUploadOptions, UserEventDragAndDropOptions, UserEventSelectOptions, LocatorScreenshotOptions, LocatorByRoleOptions, LocatorOptions } from 'vitest/browser';
 
 type ClauseCombinator = '' | '>' | '+' | '~' | '>=';
 type CSSFunctionArgument = CSSComplexSelector | number | string;
@@ -181,6 +181,23 @@ interface ByRoleOptions {
     pressed?: boolean;
     selected?: boolean;
 }
+declare function getByTestIdSelector(testIdAttributeName: string, testId: string | RegExp): string;
+declare function getByLabelSelector(text: string | RegExp, options?: {
+    exact?: boolean;
+}): string;
+declare function getByAltTextSelector(text: string | RegExp, options?: {
+    exact?: boolean;
+}): string;
+declare function getByTitleSelector(text: string | RegExp, options?: {
+    exact?: boolean;
+}): string;
+declare function getByPlaceholderSelector(text: string | RegExp, options?: {
+    exact?: boolean;
+}): string;
+declare function getByTextSelector(text: string | RegExp, options?: {
+    exact?: boolean;
+}): string;
+declare function getByRoleSelector(role: string, options?: ByRoleOptions): string;
 
 /**
  * Copyright (c) Microsoft Corporation.
@@ -279,13 +296,19 @@ interface SelectorEngine {
     queryAll: (root: SelectorRoot, selector: string | any) => Element[];
 }
 
-// we prefer using playwright locators because they are more powerful and support Shadow DOM
+declare function convertElementToCssSelector(element: Element): string;
+declare function processTimeoutOptions<T extends {
+	timeout?: number;
+}>(options_?: T): T | undefined;
+declare function getIframeScale(): number;
+
 declare const selectorEngine: Ivya;
 declare abstract class Locator {
 	abstract selector: string;
 	private _parsedSelector;
 	protected _container?: Element | undefined;
 	protected _pwSelector?: string | undefined;
+	constructor();
 	click(options?: UserEventClickOptions): Promise<void>;
 	dblClick(options?: UserEventClickOptions): Promise<void>;
 	tripleClick(options?: UserEventClickOptions): Promise<void>;
@@ -318,6 +341,7 @@ declare abstract class Locator {
 	query(): HTMLElement | SVGElement | null;
 	element(): HTMLElement | SVGElement;
 	elements(): (HTMLElement | SVGElement)[];
+	get length(): number;
 	all(): Locator[];
 	nth(index: number): Locator;
 	first(): Locator;
@@ -327,4 +351,4 @@ declare abstract class Locator {
 	protected triggerCommand<T>(command: string, ...args: any[]): Promise<T>;
 }
 
-export { Locator, selectorEngine };
+export { Locator, convertElementToCssSelector, getByAltTextSelector, getByLabelSelector, getByPlaceholderSelector, getByRoleSelector, getByTestIdSelector, getByTextSelector, getByTitleSelector, getIframeScale, processTimeoutOptions, selectorEngine };

package/dist/locators.js

@@ -0,0 +1 @@
+export{L as Locator,o as convertElementToCssSelector,r as getByAltTextSelector,t as getByLabelSelector,u as getByPlaceholderSelector,v as getByRoleSelector,w as getByTestIdSelector,x as getByTextSelector,y as getByTitleSelector,q as getIframeScale,p as processTimeoutOptions,s as selectorEngine}from"./index-BnLTaCRv.js";import"vitest/browser";import"vitest/internal/browser";

package/dist/state.js

@@ -12,7 +12,6 @@
   const state = {
   	ctx: {
   		pool: "browser",
-  		worker: "./browser.js",
   		workerId: 1,
   		config,
   		projectName: config.name || "",

package/dist/types.d.ts

@@ -32,7 +32,6 @@ export interface WebSocketBrowserHandlers {
 	registerMock: (sessionId: string, mock: MockedModuleSerialized) => void;
 	unregisterMock: (sessionId: string, id: string) => void;
 	clearMocks: (sessionId: string) => void;
-	// cdp
 	sendCdpEvent: (sessionId: string, event: string, payload?: Record<string, unknown>) => unknown;
 	trackCdpEvent: (sessionId: string, type: "on" | "once" | "off", event: string, listenerId: string) => void;
 }

package/jest-dom.d.ts

@@ -23,7 +23,7 @@ export interface TestingLibraryMatchers<E, R> {
    * This matcher calculates the intersection ratio between the element and the viewport, similar to the
    * IntersectionObserver API.
    *
-   * The element must be in the document and have visible dimensions. Elements with display: none or 
+   * The element must be in the document and have visible dimensions. Elements with display: none or
    * visibility: hidden are considered not in viewport.
    * @example
    * <div
@@ -34,7 +34,7 @@ export interface TestingLibraryMatchers<E, R> {
    * </div>
    *
    * <div
-   *   data-testid="hidden-element" 
+   *   data-testid="hidden-element"
    *   style="position: fixed; top: -100px; left: 10px; width: 50px; height: 50px;"
    * >
    *   Hidden Element
@@ -49,13 +49,13 @@ export interface TestingLibraryMatchers<E, R> {
    *
    * // Check if any part of element is in viewport
    * await expect.element(page.getByTestId('visible-element')).toBeInViewport()
-   * 
+   *
    * // Check if element is outside viewport
    * await expect.element(page.getByTestId('hidden-element')).not.toBeInViewport()
-   * 
+   *
    * // Check if at least 50% of element is visible
    * await expect.element(page.getByTestId('large-element')).toBeInViewport({ ratio: 0.5 })
-   * 
+   *
    * // Check if element is completely visible
    * await expect.element(page.getByTestId('visible-element')).toBeInViewport({ ratio: 1 })
    * @see https://vitest.dev/guide/browser/assertion-api#tobeinviewport

package/matchers.d.ts

@@ -1,4 +1,4 @@
-import type { Locator } from '@vitest/browser/context'
+import type { Locator } from './context.js'
 import type { TestingLibraryMatchers } from './jest-dom.js'
 import type { Assertion, ExpectPollOptions } from 'vitest'
 
@@ -22,7 +22,7 @@ declare module 'vitest' {
      * You can set default timeout via `expect.poll.timeout` option in the config.
      * @see {@link https://vitest.dev/api/expect#poll}
      */
-    element: <T extends Element | Locator | null>(element: T, options?: ExpectPollOptions) => PromisifyDomAssertion<Awaited<Element | null>>
+    element: <T extends HTMLElement | SVGElement | null | Locator>(element: T, options?: ExpectPollOptions) => PromisifyDomAssertion<Awaited<HTMLElement | SVGElement | null>>
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser",
   "type": "module",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0",
   "description": "Browser running for Vitest",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
@@ -20,10 +20,6 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./providers": {
-      "types": "./providers.d.ts",
-      "default": "./dist/providers.js"
-    },
     "./context": {
       "types": "./context.d.ts",
       "default": "./context.js"
@@ -35,23 +31,14 @@
       "types": "./matchers.d.ts",
       "default": "./dummy.js"
     },
-    "./providers/webdriverio": {
-      "types": "./providers/webdriverio.d.ts",
-      "default": "./dummy.js"
-    },
-    "./providers/playwright": {
-      "types": "./providers/playwright.d.ts",
-      "default": "./dummy.js"
-    },
-    "./locator": {
-      "types": "./dist/locators/index.d.ts",
-      "default": "./dist/locators/index.js"
+    "./locators": {
+      "types": "./dist/locators.d.ts",
+      "default": "./dist/locators.js"
     },
     "./utils": {
-      "types": "./utils.d.ts",
-      "default": "./dist/utils.js"
+      "default": "./dummy.js"
     },
-    "./*": "./*"
+    "./package.json": "./package.json"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -64,61 +51,38 @@
     "providers"
   ],
   "peerDependencies": {
-    "playwright": "*",
-    "webdriverio": "^7.0.0 || ^8.0.0 || ^9.0.0",
-    "vitest": "4.0.0-beta.9"
-  },
-  "peerDependenciesMeta": {
-    "playwright": {
-      "optional": true
-    },
-    "safaridriver": {
-      "optional": true
-    },
-    "webdriverio": {
-      "optional": true
-    }
+    "vitest": "4.0.0"
   },
   "dependencies": {
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/user-event": "^14.6.1",
-    "magic-string": "^0.30.17",
+    "magic-string": "^0.30.19",
     "pixelmatch": "7.1.0",
     "pngjs": "^7.0.0",
-    "sirv": "^3.0.1",
-    "tinyrainbow": "^2.0.0",
+    "sirv": "^3.0.2",
+    "tinyrainbow": "^3.0.3",
     "ws": "^8.18.3",
-    "@vitest/utils": "4.0.0-beta.9",
-    "@vitest/mocker": "4.0.0-beta.9"
+    "@vitest/mocker": "4.0.0",
+    "@vitest/utils": "4.0.0"
   },
   "devDependencies": {
+    "@testing-library/user-event": "^14.6.1",
     "@types/pngjs": "^6.0.5",
     "@types/ws": "^8.18.1",
-    "@wdio/protocols": "^9.16.2",
-    "@wdio/types": "^9.16.2",
     "birpc": "^2.5.0",
     "flatted": "^3.3.3",
     "ivya": "^1.7.0",
-    "mime": "^4.0.7",
+    "mime": "^4.1.0",
     "pathe": "^2.0.3",
-    "periscopic": "^4.0.2",
-    "playwright": "^1.54.1",
-    "playwright-core": "^1.54.1",
-    "safaridriver": "^1.0.0",
-    "webdriverio": "^9.18.4",
-    "@vitest/runner": "4.0.0-beta.9",
-    "@vitest/ui": "4.0.0-beta.9",
-    "@vitest/ws-client": "4.0.0-beta.9",
-    "vitest": "4.0.0-beta.9"
+    "@vitest/runner": "4.0.0",
+    "vitest": "4.0.0"
   },
   "scripts": {
     "typecheck": "tsc -p ./src/client/tsconfig.json --noEmit",
     "typecheck:why": "tsc -p ./src/client/tsconfig.json --noEmit --explainFiles > explainTypes.txt",
-    "build": "rimraf dist && pnpm build:node && pnpm build:client",
+    "build": "premove dist && pnpm build:node && pnpm build:client",
     "build:client": "vite build src/client",
     "build:node": "rollup -c",
     "dev:client": "vite build src/client --watch",
     "dev:node": "rollup -c --watch --watch.include 'src/**'",
-    "dev": "rimraf dist && pnpm run --stream '/^dev:/'"
+    "dev": "premove dist && pnpm run --stream '/^dev:/'"
   }
 }

package/utils.d.ts

@@ -1,21 +1,21 @@
-// should be in sync with tester/public-utils.ts
-// we cannot bundle it because vitest depend on the @vitest/browser and vice versa
-// fortunately, the file is quite small
-
-import { LocatorSelectors, Locator } from '@vitest/browser/context'
+import { LocatorSelectors, Locator } from './context'
 import { StringifyOptions } from 'vitest/internal/browser'
 
 export type PrettyDOMOptions = Omit<StringifyOptions, 'maxLength'>
 
+/** @deprecated use `import('vitest/browser').utils.getElementLocatorSelectors` instead */
 export declare function getElementLocatorSelectors(element: Element): LocatorSelectors
+/** @deprecated use `import('vitest/browser').utils.debug` instead */
 export declare function debug(
   el?: Element | Locator | null | (Element | Locator)[],
   maxLength?: number,
   options?: PrettyDOMOptions,
 ): void
+/** @deprecated use `import('vitest/browser').utils.prettyDOM` instead */
 export declare function prettyDOM(
   dom?: Element | Locator | undefined | null,
   maxLength?: number,
   prettyFormatOptions?: PrettyDOMOptions,
 ): string
+/** @deprecated use `import('vitest/browser').utils.getElementError` instead */
 export declare function getElementError(selector: string, container?: Element): Error