@hotwired/turbo 7.1.0-rc.3 → 7.2.0-beta.2

package/dist/types/tests/functional/navigation_tests.d.ts

@@ -1,37 +1 @@
-import { TurboDriveTestCase } from "../helpers/turbo_drive_test_case";
-export declare class NavigationTests extends TurboDriveTestCase {
-    setup(): Promise<void>;
-    "test navigating renders a progress bar"(): Promise<void>;
-    "test navigating does not render a progress bar before expiring the delay"(): Promise<void>;
-    "test after loading the page"(): Promise<void>;
-    "test following a same-origin unannotated link"(): Promise<void>;
-    "test following a same-origin unannotated custom element link"(): Promise<void>;
-    "test following a same-origin unannotated form[method=GET]"(): Promise<void>;
-    "test following a same-origin data-turbo-action=replace link"(): Promise<void>;
-    "test following a same-origin GET form[data-turbo-action=replace]"(): Promise<void>;
-    "test following a same-origin GET form button[data-turbo-action=replace]"(): Promise<void>;
-    "test following a same-origin POST form[data-turbo-action=replace]"(): Promise<void>;
-    "test following a same-origin POST form button[data-turbo-action=replace]"(): Promise<void>;
-    "test following a same-origin data-turbo=false link"(): Promise<void>;
-    "test following a same-origin unannotated link inside a data-turbo=false container"(): Promise<void>;
-    "test following a same-origin data-turbo=true link inside a data-turbo=false container"(): Promise<void>;
-    "test following a same-origin anchored link"(): Promise<void>;
-    "test following a same-origin link to a named anchor"(): Promise<void>;
-    "test following a cross-origin unannotated link"(): Promise<void>;
-    "test following a same-origin [target] link"(): Promise<void>;
-    "test following a same-origin [download] link"(): Promise<void>;
-    "test following a same-origin link inside an SVG element"(): Promise<void>;
-    "test following a cross-origin link inside an SVG element"(): Promise<void>;
-    "test clicking the back button"(): Promise<void>;
-    "test clicking the forward button"(): Promise<void>;
-    "test link targeting a disabled turbo-frame navigates the page"(): Promise<void>;
-    "test skip link with hash-only path scrolls to the anchor without a visit"(): Promise<void>;
-    "test skip link with hash-only path moves focus and changes tab order"(): Promise<void>;
-    "test same-page anchored replace link assumes the intention was a refresh"(): Promise<void>;
-    "test navigating back to anchored URL"(): Promise<void>;
-    "test following a redirection"(): Promise<void>;
-    "test clicking the back button after redirection"(): Promise<void>;
-    "test same-page anchor visits do not trigger visit events"(): Promise<void>;
-    "test correct referrer header"(): Promise<void>;
-    "test double-clicking on a link"(): Promise<void>;
-}
+export {};

package/dist/types/tests/functional/pausable_rendering_tests.d.ts

@@ -1,6 +1 @@
-import { TurboDriveTestCase } from "../helpers/turbo_drive_test_case";
-export declare class PausableRenderingTests extends TurboDriveTestCase {
-    setup(): Promise<void>;
-    "test pauses and resumes rendering"(): Promise<void>;
-    "test aborts rendering"(): Promise<void>;
-}
+export {};

package/dist/types/tests/functional/pausable_requests_tests.d.ts

@@ -1,6 +1 @@
-import { TurboDriveTestCase } from "../helpers/turbo_drive_test_case";
-export declare class PausableRequestsTests extends TurboDriveTestCase {
-    setup(): Promise<void>;
-    "test pauses and resumes request"(): Promise<void>;
-    "test aborts request"(): Promise<void>;
-}
+export {};

package/dist/types/tests/functional/preloader_tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/functional/rendering_tests.d.ts

@@ -1,41 +1,7 @@
-import { TurboDriveTestCase } from "../helpers/turbo_drive_test_case";
-import { Element } from "@theintern/leadfoot";
-export declare class RenderingTests extends TurboDriveTestCase {
-    setup(): Promise<void>;
-    "test triggers before-render and render events"(): Promise<void>;
-    "test triggers before-render and render events for error pages"(): Promise<void>;
-    "test reloads when tracked elements change"(): Promise<void>;
-    "test wont reload when tracked elements has a nonce"(): Promise<void>;
-    "test reloads when turbo-visit-control setting is reload"(): Promise<void>;
-    "test accumulates asset elements in head"(): Promise<void>;
-    "test replaces provisional elements in head"(): Promise<void>;
-    "test evaluates head stylesheet elements"(): Promise<void>;
-    "test does not evaluate head stylesheet elements inside noscript elements"(): Promise<void>;
-    "skip evaluates head script elements once"(): Promise<void>;
-    "test evaluates body script elements on each render"(): Promise<void>;
-    "test does not evaluate data-turbo-eval=false scripts"(): Promise<void>;
-    "test preserves permanent elements"(): Promise<void>;
-    "test preserves permanent elements within turbo-frames"(): Promise<void>;
-    "test preserves permanent elements within turbo-frames rendered without layouts"(): Promise<void>;
-    "test preserves permanent element video playback"(): Promise<void>;
-    "test before-cache event"(): Promise<void>;
-    "test mutation record as before-cache notification"(): Promise<void>;
-    "test error pages"(): Promise<void>;
-    get assetElements(): Promise<Element[]>;
-    get provisionalElements(): Promise<Element[]>;
-    get headElements(): Promise<Element[]>;
-    get permanentElement(): Promise<Element>;
-    get headScriptEvaluationCount(): Promise<number | undefined>;
-    get bodyScriptEvaluationCount(): Promise<number | undefined>;
-    get isStylesheetEvaluated(): Promise<boolean>;
-    get isNoscriptStylesheetEvaluated(): Promise<boolean>;
-    modifyBodyBeforeCaching(): Promise<any>;
-    beforeCache(callback: (body: HTMLElement) => void): Promise<any>;
-    modifyBodyAfterRemoval(): Promise<any>;
-}
 declare global {
     interface Window {
         headScriptEvaluationCount?: number;
         bodyScriptEvaluationCount?: number;
     }
 }
+export {};

package/dist/types/tests/functional/scroll_restoration_tests.d.ts

@@ -1,6 +1 @@
-import { TurboDriveTestCase } from "../helpers/turbo_drive_test_case";
-export declare class ScrollRestorationTests extends TurboDriveTestCase {
-    "test landing on an anchor"(): Promise<void>;
-    "test reloading after scrolling"(): Promise<void>;
-    "test returning from history"(): Promise<void>;
-}
+export {};

package/dist/types/tests/functional/stream_tests.d.ts

@@ -1,6 +1 @@
-import { FunctionalTestCase } from "../helpers/functional_test_case";
-export declare class StreamTests extends FunctionalTestCase {
-    setup(): Promise<void>;
-    "test receiving a stream message"(): Promise<void>;
-    "test receiving a stream message with css selector target"(): Promise<void>;
-}
+export {};

package/dist/types/tests/functional/visit_tests.d.ts

@@ -1,14 +1 @@
-import { TurboDriveTestCase } from "../helpers/turbo_drive_test_case";
-export declare class VisitTests extends TurboDriveTestCase {
-    setup(): Promise<void>;
-    "test programmatically visiting a same-origin location"(): Promise<void>;
-    "skip programmatically visiting a cross-origin location falls back to window.location"(): Promise<void>;
-    "test visiting a location served with a non-HTML content type"(): Promise<void>;
-    "test canceling a before-visit event prevents navigation"(): Promise<void>;
-    "test navigation by history is not cancelable"(): Promise<void>;
-    "test turbo:before-fetch-request event.detail"(): Promise<void>;
-    "test turbo:before-fetch-response open new site"(): Promise<void>;
-    "test cache does not override response after redirect"(): Promise<void>;
-    visitLocation(location: string): Promise<void>;
-    cancelNextVisit(): Promise<void>;
-}
+export {};

package/dist/types/tests/helpers/page.d.ts

@@ -0,0 +1,44 @@
+import { JSHandle, Locator, Page } from "@playwright/test";
+declare type EventLog = [string, any, string | null];
+declare type MutationLog = [string, string | null, string | null];
+export declare function attributeForSelector(page: Page, selector: string, attributeName: string): Promise<string | null>;
+export declare function clickWithoutScrolling(page: Page, selector: string, options?: {}): Promise<false | void>;
+export declare function clearLocalStorage(page: Page): Promise<void>;
+export declare function disposeAll(...handles: JSHandle[]): Promise<void[]>;
+export declare function getFromLocalStorage(page: Page, key: string): Promise<string | null>;
+export declare function getSearchParam(url: string, key: string): string | null;
+export declare function hash(url: string): string;
+export declare function hasSelector(page: Page, selector: string): Promise<boolean>;
+export declare function innerHTMLForSelector(page: Page, selector: string): Promise<string>;
+export declare function isScrolledToSelector(page: Page, selector: string): Promise<boolean>;
+export declare function nextBeat(): Promise<void>;
+export declare function nextBody(_page: Page, timeout?: number): Promise<void>;
+export declare function nextEventNamed(page: Page, eventName: string): Promise<any>;
+export declare function nextEventOnTarget(page: Page, elementId: string, eventName: string): Promise<any>;
+export declare function nextAttributeMutationNamed(page: Page, elementId: string, attributeName: string): Promise<string | null>;
+export declare function noNextEventNamed(page: Page, eventName: string): Promise<boolean>;
+export declare function noNextEventOnTarget(page: Page, elementId: string, eventName: string): Promise<boolean>;
+export declare function outerHTMLForSelector(page: Page, selector: string): Promise<string>;
+export declare function pathname(url: string): string;
+export declare function propertyForSelector(page: Page, selector: string, propertyName: string): Promise<any>;
+export declare function readEventLogs(page: Page, length?: number): Promise<EventLog[]>;
+export declare function readMutationLogs(page: Page, length?: number): Promise<MutationLog[]>;
+export declare function search(url: string): string;
+export declare function searchParams(url: string): URLSearchParams;
+export declare function selectorHasFocus(page: Page, selector: string): Promise<boolean>;
+export declare function setLocalStorageFromEvent(page: Page, eventName: string, storageKey: string, storageValue: string): Promise<void>;
+export declare function scrollPosition(page: Page): Promise<{
+    x: number;
+    y: number;
+}>;
+export declare function isScrolledToTop(page: Page): Promise<boolean>;
+export declare function scrollToSelector(page: Page, selector: string): Promise<void>;
+export declare function sleep(timeout?: number): Promise<void>;
+export declare function strictElementEquals(left: Locator, right: Locator): Promise<boolean>;
+export declare function textContent(page: Page, html: string): Promise<string | null>;
+export declare function visitAction(page: Page): Promise<string>;
+export declare function waitForPathname(page: Page, pathname: string): Promise<void>;
+export declare function waitUntilSelector(page: Page, selector: string, state?: "visible" | "attached"): Promise<import("playwright-core").ElementHandle<HTMLElement | SVGElement>>;
+export declare function waitUntilNoSelector(page: Page, selector: string, state?: "hidden" | "detached"): Promise<import("playwright-core").ElementHandle<HTMLElement | SVGElement> | null>;
+export declare function willChangeBody(page: Page, callback: () => Promise<void>): Promise<boolean>;
+export {};

package/dist/types/tests/unit/deprecated_adapter_support_test.d.ts

@@ -9,16 +9,16 @@ export declare class DeprecatedAdapterSupportTest extends DOMTestCase implements
     teardown(): Promise<void>;
     "test visit proposal location includes deprecated absoluteURL property"(): Promise<void>;
     "test visit start location includes deprecated absoluteURL property"(): Promise<void>;
-    visitProposedToLocation(location: URL, options?: Partial<VisitOptions>): void;
+    visitProposedToLocation(location: URL, _options?: Partial<VisitOptions>): Promise<void>;
     visitStarted(visit: Visit): void;
-    visitCompleted(visit: Visit): void;
-    visitFailed(visit: Visit): void;
-    visitRequestStarted(visit: Visit): void;
-    visitRequestCompleted(visit: Visit): void;
-    visitRequestFailedWithStatusCode(visit: Visit, statusCode: number): void;
-    visitRequestFinished(visit: Visit): void;
-    visitRendered(visit: Visit): void;
-    formSubmissionStarted(formSubmission: FormSubmission): void;
-    formSubmissionFinished(formSubmission: FormSubmission): void;
+    visitCompleted(_visit: Visit): void;
+    visitFailed(_visit: Visit): void;
+    visitRequestStarted(_visit: Visit): void;
+    visitRequestCompleted(_visit: Visit): void;
+    visitRequestFailedWithStatusCode(_visit: Visit, _statusCode: number): void;
+    visitRequestFinished(_visit: Visit): void;
+    visitRendered(_visit: Visit): void;
+    formSubmissionStarted(_formSubmission: FormSubmission): void;
+    formSubmissionFinished(_formSubmission: FormSubmission): void;
     pageInvalidated(): void;
 }

package/dist/types/util.d.ts

@@ -1,9 +1,12 @@
-export declare type DispatchOptions = {
+import { Action } from "./core/types";
+export declare type DispatchOptions<T extends CustomEvent> = {
     target: EventTarget;
     cancelable: boolean;
-    detail: any;
+    detail: T["detail"];
 };
-export declare function dispatch(eventName: string, { target, cancelable, detail }?: Partial<DispatchOptions>): CustomEvent<any>;
+export declare function activateScriptElement(element: HTMLScriptElement): HTMLScriptElement;
+export declare function createDocumentFragment(html: string): DocumentFragment;
+export declare function dispatch<T extends CustomEvent>(eventName: string, { target, cancelable, detail }?: Partial<DispatchOptions<T>>): CustomEvent<T["detail"]>;
 export declare function nextAnimationFrame(): Promise<void>;
 export declare function nextEventLoopTick(): Promise<void>;
 export declare function nextMicrotask(): Promise<void>;
@@ -13,3 +16,9 @@ export declare function uuid(): string;
 export declare function getAttribute(attributeName: string, ...elements: (Element | undefined)[]): string | null;
 export declare function markAsBusy(...elements: Element[]): void;
 export declare function clearBusyState(...elements: Element[]): void;
+export declare function waitForLoad(element: HTMLLinkElement, timeoutInMilliseconds?: number): Promise<void>;
+export declare function getHistoryMethodForAction(action: Action): (data: any, unused: string, url?: string | URL | null | undefined) => void;
+export declare function getVisitAction(...elements: (Element | undefined)[]): Action | null;
+export declare function getMetaElement(name: string): HTMLMetaElement | null;
+export declare function getMetaContent(name: string): string | null;
+export declare function setMetaContent(name: string, content: string): HTMLMetaElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotwired/turbo",
-  "version": "7.1.0-rc.3",
+  "version": "7.2.0-beta.2",
   "description": "The speed of a single-page web application without having to write any JavaScript",
   "module": "dist/turbo.es2017-esm.js",
   "main": "dist/turbo.es2017-umd.js",
@@ -35,15 +35,23 @@
     "access": "public"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "9.0.0",
-    "@rollup/plugin-typescript": "^6.0.0",
+    "@playwright/test": "^1.22.2",
+    "@rollup/plugin-node-resolve": "13.1.3",
+    "@rollup/plugin-typescript": "8.3.1",
     "@types/multer": "^1.4.5",
+    "@typescript-eslint/eslint-plugin": "^5.20.0",
+    "@typescript-eslint/parser": "^5.20.0",
+    "arg": "^5.0.1",
+    "chai": "~4.3.4",
+    "eslint": "^8.13.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "intern": "^4.9.0",
-    "arg": "^4.1.0",
     "multer": "^1.4.2",
+    "prettier": "2.6.2",
     "rollup": "^2.35.1",
     "tslib": "^2.0.3",
-    "typescript": "^4.1.3"
+    "typescript": "^4.6.3"
   },
   "scripts": {
     "clean": "rm -fr dist",
@@ -52,9 +60,15 @@
     "build:win": "tsc --noEmit false --declaration true --emitDeclarationOnly true --outDir dist/types & rollup -c",
     "watch": "rollup -wc",
     "start": "node src/tests/runner.js serveOnly",
-    "test": "NODE_OPTIONS=--inspect node src/tests/runner.js",
-    "test:win": "SET NODE_OPTIONS=--inspect & node src/tests/runner.js",
+    "test": "yarn test:unit && yarn test:browser",
+    "test:browser": "playwright test",
+    "test:unit": "NODE_OPTIONS=--inspect node src/tests/runner.js",
+    "test:unit:win": "SET NODE_OPTIONS=--inspect & node src/tests/runner.js",
     "prerelease": "yarn build && git --no-pager diff && echo && npm pack --dry-run && echo && read -n 1 -p \"Look OK? Press any key to publish and commit v$npm_package_version\" && echo",
-    "release": "npm publish && git commit -am \"$npm_package_name v$npm_package_version\" && git push"
+    "release": "npm publish && git commit -am \"$npm_package_name v$npm_package_version\" && git push",
+    "lint": "eslint . --ext .ts"
+  },
+  "engines": {
+    "node": ">= 14"
   }
 }

package/CHANGELOG.md

@@ -1,3 +0,0 @@
-# Changelog
-
-Please see [our GitHub "Releases" page](https://github.com/hotwired/turbo/releases).

package/dist/types/core/frames/form_interceptor.d.ts

@@ -1,12 +0,0 @@
-export interface FormInterceptorDelegate {
-    shouldInterceptFormSubmission(element: HTMLFormElement, submitter?: HTMLElement): boolean;
-    formSubmissionIntercepted(element: HTMLFormElement, submitter?: HTMLElement): void;
-}
-export declare class FormInterceptor {
-    readonly delegate: FormInterceptorDelegate;
-    readonly element: Element;
-    constructor(delegate: FormInterceptorDelegate, element: Element);
-    start(): void;
-    stop(): void;
-    submitBubbled: EventListener;
-}

package/dist/types/core/frames/link_interceptor.d.ts

@@ -1,16 +0,0 @@
-export interface LinkInterceptorDelegate {
-    shouldInterceptLinkClick(element: Element, url: string): boolean;
-    linkClickIntercepted(element: Element, url: string): void;
-}
-export declare class LinkInterceptor {
-    readonly delegate: LinkInterceptorDelegate;
-    readonly element: Element;
-    private clickEvent?;
-    constructor(delegate: LinkInterceptorDelegate, element: Element);
-    start(): void;
-    stop(): void;
-    clickBubbled: (event: Event) => void;
-    linkClicked: EventListener;
-    willVisit: () => void;
-    respondsToEventTarget(target: EventTarget | null): boolean | null;
-}

package/dist/types/tests/functional/index.d.ts

@@ -1,17 +0,0 @@
-export * from "./async_script_tests";
-export * from "./autofocus_tests";
-export * from "./cache_observer_tests";
-export * from "./drive_disabled_tests";
-export * from "./drive_tests";
-export * from "./form_submission_tests";
-export * from "./frame_tests";
-export * from "./import_tests";
-export * from "./frame_navigation_tests";
-export * from "./loading_tests";
-export * from "./navigation_tests";
-export * from "./pausable_rendering_tests";
-export * from "./pausable_requests_tests";
-export * from "./rendering_tests";
-export * from "./scroll_restoration_tests";
-export * from "./stream_tests";
-export * from "./visit_tests";

package/dist/types/tests/helpers/functional_test_case.d.ts

@@ -1,44 +0,0 @@
-import { InternTestCase } from "./intern_test_case";
-import { Element } from "@theintern/leadfoot";
-export declare class FunctionalTestCase extends InternTestCase {
-    get remote(): import("intern/lib/executors/Node").Remote;
-    goToLocation(location: string): Promise<void>;
-    goBack(): Promise<void>;
-    goForward(): Promise<void>;
-    reload(): Promise<void>;
-    hasSelector(selector: string): Promise<boolean>;
-    selectorHasFocus(selector: string): Promise<boolean>;
-    querySelector(selector: string): Promise<Element>;
-    waitUntilSelector(selector: string): Promise<void>;
-    waitUntilNoSelector(selector: string): Promise<void>;
-    querySelectorAll(selector: string): Promise<Element[]>;
-    clickSelector(selector: string): Promise<void>;
-    scrollToSelector(selector: string): Promise<void>;
-    pressTab(): Promise<void>;
-    outerHTMLForSelector(selector: string): Promise<string>;
-    innerHTMLForSelector(selector: string): Promise<string>;
-    attributeForSelector(selector: string, attributeName: string): Promise<string | null>;
-    propertyForSelector(selector: string, attributeName: string): Promise<any>;
-    get scrollPosition(): Promise<{
-        x: number;
-        y: number;
-    }>;
-    isScrolledToTop(): Promise<boolean>;
-    isScrolledToSelector(selector: string): Promise<boolean>;
-    get nextBeat(): Promise<void>;
-    sleep(ms: number): Promise<void>;
-    evaluate<T>(callback: (...args: any[]) => T, ...args: any[]): Promise<T>;
-    get head(): Promise<Element>;
-    get body(): Promise<Element>;
-    get location(): Promise<string>;
-    get origin(): Promise<string>;
-    get pathname(): Promise<string>;
-    get search(): Promise<string>;
-    get searchParams(): Promise<URLSearchParams>;
-    getSearchParam(key: string): Promise<string>;
-    getAllSearchParams(key: string): Promise<string[]>;
-    get hash(): Promise<string>;
-    acceptAlert(): Promise<void>;
-    dismissAlert(): Promise<void>;
-    getAlertText(): Promise<string>;
-}

package/dist/types/tests/helpers/remote_channel.d.ts

@@ -1,10 +0,0 @@
-import { Remote } from "intern/lib/executors/Node";
-export declare class RemoteChannel<T> {
-    readonly remote: Remote;
-    readonly identifier: string;
-    private index;
-    constructor(remote: Remote, identifier: string);
-    read(length?: number): Promise<T[]>;
-    drain(): Promise<void>;
-    private get newRecords();
-}

package/dist/types/tests/helpers/turbo_drive_test_case.d.ts

@@ -1,21 +0,0 @@
-import { FunctionalTestCase } from "./functional_test_case";
-import { RemoteChannel } from "./remote_channel";
-import { Element } from "@theintern/leadfoot";
-declare type EventLog = [string, any, string | null];
-declare type MutationLog = [string, string | null, string | null];
-export declare class TurboDriveTestCase extends FunctionalTestCase {
-    eventLogChannel: RemoteChannel<EventLog>;
-    mutationLogChannel: RemoteChannel<MutationLog>;
-    lastBody?: Element;
-    beforeTest(): Promise<void>;
-    get nextWindowHandle(): Promise<string>;
-    nextEventNamed(eventName: string): Promise<any>;
-    noNextEventNamed(eventName: string): Promise<boolean>;
-    nextEventOnTarget(elementId: string, eventName: string): Promise<any>;
-    nextAttributeMutationNamed(elementId: string, attributeName: string): Promise<string | null>;
-    get nextBody(): Promise<Element>;
-    get changedBody(): Promise<Element | undefined>;
-    get visitAction(): Promise<string>;
-    drainEventLog(): Promise<void>;
-}
-export {};