Users
Profile
requires login (guard="auth")
About
diff --git a/playground/pages/profile.html b/playground/pages/profile.html index 1cf0d2ef..f0bbe6c0 100644 --- a/playground/pages/profile.html +++ b/playground/pages/profile.html @@ -12,8 +12,8 @@Profile
requires login (guard="auth")
Users
List from the server (view="users"). Nested layout: aura-router-ssr on shell;
flat leaf-only markup → no full adopt (cold fetch / structure-error).
transition-order
Текущий режим: parallel
@@ -37,8 +37,8 @@
diff --git a/public/features/animations/page-b.html b/public/features/animations/page-b.html
index 2f36613d..86c95b2c 100644
--- a/public/features/animations/page-b.html
+++ b/public/features/animations/page-b.html
@@ -7,8 +7,8 @@ transition-order
Хук fade
Core не содержит встроенных анимаций — только фазы pipeline и staged mount. Хук fade анимирует [data-aura-view-root] на фазах transitionOut / transitionIn. При prefers-reduced-motion анимация пропускается.
Смените порядок на панели, затем несколько раз переключитесь A ↔ B — шапка и URL-бар остаются, меняется только timing перехода.
diff --git a/public/features/animations/page-a.html b/public/features/animations/page-a.html index e3101564..1876e205 100644 --- a/public/features/animations/page-a.html +++ b/public/features/animations/page-a.html @@ -7,7 +7,7 @@Страница A
Страница B
Кнопка «Назад» в браузере вернёт страницу A с той же анимацией выхода.
diff --git a/public/features/hydration/about.html b/public/features/hydration/about.html index 5323ff64..3777ce85 100644 --- a/public/features/hydration/about.html +++ b/public/features/hydration/about.html @@ -13,6 +13,6 @@About
diff --git a/public/features/hydration/index.html b/public/features/hydration/index.html index d8a344a0..fbf03839 100644 --- a/public/features/hydration/index.html +++ b/public/features/hydration/index.html @@ -23,8 +23,8 @@About
diff --git a/public/features/hydration/page-b.html b/public/features/hydration/page-b.html index 8b1722e7..26e6d391 100644 --- a/public/features/hydration/page-b.html +++ b/public/features/hydration/page-b.html @@ -10,6 +10,6 @@Страница B
diff --git a/public/features/phase-update/hash.html b/public/features/phase-update/hash.html index fadaa4a3..2e7469bd 100644 --- a/public/features/phase-update/hash.html +++ b/public/features/phase-update/hash.html @@ -5,9 +5,9 @@Hash — якорь
Активный якорь: #—
Переключайте якоря: view не remount-ится, обновляются только URL и scroll.
@@ -22,8 +22,8 @@Hash — якорь
Update shortcut
Search — смена query
Pathname тот же, меняется только ?tab=…. Pipeline: runUpdate() — load → history → update-хуки. Без render и unmount.
@@ -21,16 +21,16 @@
diff --git a/public/features/routing-nested/intro.html b/public/features/routing-nested/intro.html
index 8099dd92..44e122ba 100644
--- a/public/features/routing-nested/intro.html
+++ b/public/features/routing-nested/intro.html
@@ -6,10 +6,10 @@ Search — смена query
Hash — смена якоря
Pathname и search те же, меняется только #…. Processor не запускается: history + scroll. View и хуки не вызываются.
@@ -43,15 +43,15 @@
diff --git a/public/features/routing-basics/intro.html b/public/features/routing-basics/intro.html
index e95f69ab..a11d95e3 100644
--- a/public/features/routing-basics/intro.html
+++ b/public/features/routing-basics/intro.html
@@ -6,8 +6,8 @@ Hash — смена якоря
:id remount — не update, свой HTML на id
Один leaf remount/:id, param меняется, но view — шаблон user-:id.html: viewKey разный (user-1.html ≠ user-2.html). Engine выбирает FULL, не runUpdate() — synthetic exit/enter leaf, render, unmount, ready.
@@ -65,16 +65,16 @@
Param-update — update shortcut для
diff --git a/public/features/routing-advanced/intro.html b/public/features/routing-advanced/intro.html
index 7ade2d15..d90437ca 100644
--- a/public/features/routing-advanced/intro.html
+++ b/public/features/routing-advanced/intro.html
@@ -7,9 +7,9 @@ :id remount — не update, свой HTML на id
Param-update — update shortcut для :id
Тот же leaf update/:id и тот же viewKey (user-shell.html на все id). Pipeline: runUpdate() — меняется param id, view остаётся в DOM.
@@ -87,8 +87,8 @@ Param-update — update shortcut для
Param-update — update shortcut для :id
Search — query
Активная вкладка: tab=—
Переключайте вкладки: меняется только query. «Назад» восстановит предыдущее значение tab.
Search — query
Пользователь 1
Параметр id: —
Переключайте User 1 ↔ User 2: synthetic exit/enter leaf, render, unmount.
@@ -21,7 +21,7 @@Пользователь 1
Пользователь 2
Параметр id: —
Переключайте User 1 ↔ User 2: synthetic exit/enter leaf, render, unmount.
@@ -21,7 +21,7 @@Пользователь 2
Shell пользователя
Параметр id: —
Переключайте User 1 ↔ User 2 ↔ User 3: тот же viewKey, меняется только param id.
Shell пользователя
Продвинутые сценарии
Приоритет маршрутов
При нескольких кандидатах побеждает более специфичный pattern: статический сегмент → динамический :id → catch-all *.
@@ -30,13 +30,13 @@
Приоритет маршрутов
Третий уровень вложенности
Цепочка outlet: корневой → users-layout → user-layout → конечный view. Профиль и настройки одного пользователя разделяют layout второго уровня.
Catch-all и 404
Маршрут path="*" обрабатывает path, для которого нет более специфичного совпадения. URL в адресной строке сохраняется; страница не перезагружается.
Страница не найдена
Сработал catch-all path="*": для запрошенного path нет более специфичного маршрута.
Настройки пользователя
Третий уровень: users-layout → user-layout → view настроек.
Профиль пользователя
Конечный view второго layout-уровня. Настройки — sibling-маршрут на том же уровне вложенности.
diff --git a/public/features/routing-advanced/users-about.html b/public/features/routing-advanced/users-about.html index bc5b4c9e..94ab4cd4 100644 --- a/public/features/routing-advanced/users-about.html +++ b/public/features/routing-advanced/users-about.html @@ -3,8 +3,8 @@О разделе Users
Статический сегмент about имеет приоритет над :id — path /users/about не интерпретируется как профиль.
Список пользователей
Index-маршрут ветки /users.
Основы маршрутизации
Плоские маршруты
Два независимых path ссылаются на разные view. При переходе между «Страница A» и «Страница B» роутер выгружает текущий view и монтирует новый в тот же outlet. Шапка и панель навигации остаются на месте — они объявлены вне роутера.
@@ -25,15 +25,15 @@
Плоские маршруты
История браузера
-Клик по ссылке с aura-router-link добавляет запись в session history. Последовательность A → B → «Назад» вернёт страницу A: и URL, и контент восстановятся без перезагрузки документа.
Клик по ссылке с data-aura-link добавляет запись в session history. Последовательность A → B → «Назад» вернёт страницу A: и URL, и контент восстановятся без перезагрузки документа.
Откройте A, перейдите на B, затем нажмите «Назад» в браузере.
diff --git a/public/features/routing-basics/page-a.html b/public/features/routing-basics/page-a.html index 322788a1..4303499f 100644 --- a/public/features/routing-basics/page-a.html +++ b/public/features/routing-basics/page-a.html @@ -3,7 +3,7 @@Страница A
Плоский маршрут без промежуточного layout.
diff --git a/public/features/routing-basics/page-b.html b/public/features/routing-basics/page-b.html index 20623290..b3dc1aa4 100644 --- a/public/features/routing-basics/page-b.html +++ b/public/features/routing-basics/page-b.html @@ -3,8 +3,8 @@Страница B
Sibling-маршрут на том же уровне дерева, что и страница A.
Кнопка «Назад» в браузере вернёт страницу A без перезагрузки вкладки.
diff --git a/public/features/routing-nested/index.html b/public/features/routing-nested/index.html index 67f8fd28..23e107ad 100644 --- a/public/features/routing-nested/index.html +++ b/public/features/routing-nested/index.html @@ -23,12 +23,12 @@Вложенные маршруты
Layout и вложенный outlet
Маршрут с атрибутом layout рендерит шаблон с собственным <aura-outlet>. Дочерние маршруты монтируют view во внутренний outlet. При переходе «User 1» → «User 2» layout остаётся в DOM, обновляется только содержимое slot.
@@ -40,8 +40,8 @@ Index-дочерний маршрут (
Layout и вложенный outlet
Index-дочерний маршрут (path=".")
Точка (path=".") задаёт view по умолчанию для ветки. URL остаётся /features/routing-nested/users — без дополнительного сегмента и без редиректа.
@@ -57,16 +57,16 @@ Index-дочерний маршрут (
Sibling-маршруты и сегмент
Index-дочерний маршрут (path=".")
Sibling-маршруты и сегмент :id
Под layout — два sibling-маршрута: index (path=".", список) и профиль (path=":id"). Переход «Список» → «User 2» — смена sibling: layout остаётся, меняется конечный view. Переход «User 1» → «User 2» — update того же маршрута :id: view тот же, меняются параметр id и URL.
@@ -84,8 +84,8 @@ Sibling-маршруты и сегмент
`. |
| `loading-template` | Default id `` (наследование). Монтируется в outlet в окне prepare: после guards → до конца `runLoads`. |
diff --git a/src/modules/aura-router/core/aura-router.ts b/src/modules/aura-router/core/aura-router.ts
index 70a56820..441d9724 100644
--- a/src/modules/aura-router/core/aura-router.ts
+++ b/src/modules/aura-router/core/aura-router.ts
@@ -103,14 +103,14 @@ export class AuraRouter extends HTMLElement implements RouterInstance {
@attr({ readonly: true, cached: true })
loadingEndEvent: string;
- @attr({ defaultValue: '[aura-router-link]' })
+ @attr({ defaultValue: '[data-aura-link]' })
linksSelector: string;
/** Optional ancestor that narrows the active-link scan (default: whole document). */
@attr({ parser: parseNullableString, cached: true })
linksContainerSelector: string | null;
- /** CSS class toggled on `[aura-router-link]` when its resolved href matches the current URL. */
+ /** CSS class toggled on `[data-aura-link]` when its resolved href matches the current URL. */
@attr({ parser: parseNullableString, cached: true })
linkActiveClass: string | null;
@@ -141,7 +141,7 @@ export class AuraRouter extends HTMLElement implements RouterInstance {
metaTitleTemplate: string | null;
/**
- * Default prefetch for `[aura-router-link]` (`intent` | `tap` | `false`).
+ * Default prefetch for `[data-aura-link]` (`intent` | `tap` | `false`).
* Per-link override: `data-prefetch` on ``.
*/
@attr({ parser: parsePrefetchAttr, cached: true, name: 'prefetch' })
diff --git a/src/modules/aura-router/test/fallback-not-found.integration.test.ts b/src/modules/aura-router/test/fallback-not-found.integration.test.ts
index 2200af46..c1816167 100644
--- a/src/modules/aura-router/test/fallback-not-found.integration.test.ts
+++ b/src/modules/aura-router/test/fallback-not-found.integration.test.ts
@@ -91,8 +91,8 @@ describe('AuraRouter fallback not-found (ensureEngine onNotFound)', () => {
router.setAttribute('link-active-class', 'is-active');
router.innerHTML = `
('[aura-router-link]');
+ const links = router.querySelectorAll('[data-aura-link]');
return { router, home: links[0]!, about: links[1]! };
}
@@ -81,8 +81,8 @@ describe('AuraRouter link-active-class', () => {
router.setAttribute('transition-order', 'parallel');
router.innerHTML = `
('[aura-router-link]');
+ const links = router.querySelectorAll('[data-aura-link]');
const home = links[0]!;
const about = links[1]!;
@@ -121,13 +121,13 @@ describe('AuraRouter link-active-class', () => {
router.setAttribute('link-active-class', 'is-active');
router.innerHTML = `
('[aura-router-link]');
+ const [, intro, faq] = router.querySelectorAll('[data-aura-link]');
router.navigate('/docs#intro');
await flushNavigation();
@@ -276,8 +276,8 @@ describe('AuraRouter link-active-class', () => {
router.setAttribute('link-active-class', 'is-active');
router.innerHTML = `
{
bus.push(event.type);
});
- const [home, about] = router.querySelectorAll('[aura-router-link]');
+ const [home, about] = router.querySelectorAll('[data-aura-link]');
expect(home!.classList.contains('is-active')).toBe(true);
void router.navigate('/about');
@@ -343,8 +343,8 @@ describe('AuraRouter link-active-branch-class and activeRouteBranch', () => {
router.setAttribute('link-active-branch-class', 'is-branch-active');
router.innerHTML = `
('[aura-router-link]');
+ const [settings, profile] = router.querySelectorAll('[data-aura-link]');
expect(settings!.classList.contains('is-active')).toBe(false);
expect(settings!.classList.contains('is-branch-active')).toBe(true);
expect(profile!.classList.contains('is-active')).toBe(true);
diff --git a/src/modules/aura-routing-engine/core/aura-routing-engine-config.ts b/src/modules/aura-routing-engine/core/aura-routing-engine-config.ts
index 0833a96a..9d371cea 100644
--- a/src/modules/aura-routing-engine/core/aura-routing-engine-config.ts
+++ b/src/modules/aura-routing-engine/core/aura-routing-engine-config.ts
@@ -11,7 +11,7 @@ import type { LoaderRegistry, ViewGraph, ViewGraphCacheOptions } from './view-gr
* One object — read top-to-bottom (chrome → caches → prefetch).
*/
export const ENGINE_DEFAULTS = {
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
hash: false,
/** `cache.view` — max entries, GC after 12h. */
@@ -43,7 +43,7 @@ export const ENGINE_DEFAULTS = {
} as const;
export interface AuraRoutingEngineConfig {
- /** Default: `'[aura-router-link]'`. */
+ /** Default: `'[data-aura-link]'`. */
linksSelector?: string;
/** Default: `false`. */
hash?: boolean;
diff --git a/src/modules/aura-routing-engine/core/user-actions/link-navigation.ts b/src/modules/aura-routing-engine/core/user-actions/link-navigation.ts
index d6fb6462..867ef69f 100644
--- a/src/modules/aura-routing-engine/core/user-actions/link-navigation.ts
+++ b/src/modules/aura-routing-engine/core/user-actions/link-navigation.ts
@@ -21,7 +21,7 @@ function shouldHandleLinkClick(event: MouseEvent, anchor: HTMLAnchorElement): bo
return true;
}
-/** Click on `[aura-router-link]` → navigation request. */
+/** Click on `[data-aura-link]` → navigation request. */
export class LinkNavigationTracker {
private handler?: NavigationHandler;
private listening = false;
diff --git a/src/modules/aura-routing-engine/core/user-actions/link-prefetch-intent.ts b/src/modules/aura-routing-engine/core/user-actions/link-prefetch-intent.ts
index 81c71056..e63766af 100644
--- a/src/modules/aura-routing-engine/core/user-actions/link-prefetch-intent.ts
+++ b/src/modules/aura-routing-engine/core/user-actions/link-prefetch-intent.ts
@@ -21,7 +21,7 @@ export interface LinkPrefetchIntentTrackerConfig {
resolveMode: LinkPrefetchModeResolver;
}
-/** Hover / focus / touch on `[aura-router-link]` → prefetch intent. */
+/** Hover / focus / touch on `[data-aura-link]` → prefetch intent. */
export class LinkPrefetchIntentTracker {
private readonly handlers: LinkPrefetchHandlers;
private listening = false;
diff --git a/src/modules/aura-routing-engine/core/user-actions/link-resolve.ts b/src/modules/aura-routing-engine/core/user-actions/link-resolve.ts
index b6aa2257..c8972ca5 100644
--- a/src/modules/aura-routing-engine/core/user-actions/link-resolve.ts
+++ b/src/modules/aura-routing-engine/core/user-actions/link-resolve.ts
@@ -1,8 +1,4 @@
-import {
- getCurrentAppHref,
- toDocumentResolutionBase,
- resolveInAppHref,
-} from '../link-active/app-href';
+import { getCurrentAppHref, toDocumentResolutionBase, resolveInAppHref } from '../link-active/app-href';
export function findRouterLink(
target: EventTarget | null,
diff --git a/src/modules/aura-routing-engine/test/link-active/link-active.test.ts b/src/modules/aura-routing-engine/test/link-active/link-active.test.ts
index 309e8db9..0b06c6f0 100644
--- a/src/modules/aura-routing-engine/test/link-active/link-active.test.ts
+++ b/src/modules/aura-routing-engine/test/link-active/link-active.test.ts
@@ -12,14 +12,14 @@ describe('link-active', () => {
it('adds active class and aria-current to matching links', () => {
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
currentHref: '/app/settings/',
});
@@ -34,13 +34,13 @@ describe('link-active', () => {
it('resolves path-relative href against current location', () => {
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
currentHref: '/app/settings/profile',
});
@@ -53,13 +53,13 @@ describe('link-active', () => {
window.history.replaceState({}, '', '/stale/path');
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
currentHref: '/app/settings/profile',
});
@@ -70,14 +70,14 @@ describe('link-active', () => {
it('clears stale active state from previously active links', () => {
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
currentHref: '/two',
});
@@ -91,14 +91,14 @@ describe('link-active', () => {
it('ignores external and hash-only links', () => {
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
currentHref: '/app/settings/',
});
@@ -112,13 +112,13 @@ describe('link-active', () => {
it('supports multiple space-separated active classes', () => {
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active nav__link--current',
currentHref: '/about',
});
@@ -131,13 +131,13 @@ describe('link-active', () => {
it('does not mark path link active when current URL has a hash', () => {
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
currentHref: '/app/settings/profile#panel',
});
@@ -148,14 +148,14 @@ describe('link-active', () => {
it('ignores non-anchor elements matched by linksSelector', () => {
document.body.innerHTML = `
`. For example, to use a different attribute:
+```html
+
Sibling-маршруты и сегмент :id
Профиль пользователя
Динамический сегмент :id. Переход между пользователями — update конечного view без размонтирования layout.
Список пользователей
Index-маршрут (path=".") — URL /features/routing-nested/users без дополнительного сегмента.
-
+
`;
expect(() =>
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
currentHref: '/',
}),
@@ -165,14 +165,14 @@ describe('link-active', () => {
it('applies branch-active class for prefix matches', () => {
document.body.innerHTML = `
`;
syncRouterActiveLinks({
container: document.getElementById('container')!,
- linksSelector: '[aura-router-link]',
+ linksSelector: '[data-aura-link]',
linkActiveClass: 'is-active',
linkActiveBranchClass: 'is-branch-active',
currentHref: '/app/settings/profile',
diff --git a/src/modules/aura-routing-engine/test/prefetch/intent.test.ts b/src/modules/aura-routing-engine/test/prefetch/intent.test.ts
index 4b5bf9c7..bd022ea1 100644
--- a/src/modules/aura-routing-engine/test/prefetch/intent.test.ts
+++ b/src/modules/aura-routing-engine/test/prefetch/intent.test.ts
@@ -47,7 +47,7 @@ describe('LinkIntentSource', () => {
const source = createLinkIntentSource(bus);
source.start();
- document.body.innerHTML = 'About';
+ document.body.innerHTML = 'About';
document.querySelector('a')!.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
expect(listener).toHaveBeenCalledWith({
@@ -68,7 +68,7 @@ describe('LinkIntentSource', () => {
const source = createLinkIntentSource(bus);
source.start();
- document.body.innerHTML = 'About';
+ document.body.innerHTML = 'About';
const link = document.querySelector('a')!;
link.dispatchEvent(new MouseEvent('mouseout', { bubbles: true, relatedTarget: document.body }));
@@ -102,7 +102,7 @@ describe('LinkIntentSource', () => {
source.start();
document.body.innerHTML =
- 'About';
+ 'About';
document.querySelector('a')!.dispatchEvent(new TouchEvent('touchstart', { bubbles: true }));
expect(listener).toHaveBeenCalledWith(
diff --git a/src/modules/aura-routing-engine/test/prefetch/prefetch-pipeline.test.ts b/src/modules/aura-routing-engine/test/prefetch/prefetch-pipeline.test.ts
index f06b0962..29b2c3b6 100644
--- a/src/modules/aura-routing-engine/test/prefetch/prefetch-pipeline.test.ts
+++ b/src/modules/aura-routing-engine/test/prefetch/prefetch-pipeline.test.ts
@@ -483,7 +483,7 @@ describe('PrefetchPipeline', () => {
});
pipeline.start();
- document.body.innerHTML = 'Profile';
+ document.body.innerHTML = 'Profile';
document.querySelector('a')!.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
expect(intents).toContain('schedule');
diff --git a/src/modules/aura-routing-engine/test/user-actions/link-navigation.test.ts b/src/modules/aura-routing-engine/test/user-actions/link-navigation.test.ts
index efb74dd2..a8985d6a 100644
--- a/src/modules/aura-routing-engine/test/user-actions/link-navigation.test.ts
+++ b/src/modules/aura-routing-engine/test/user-actions/link-navigation.test.ts
@@ -27,7 +27,7 @@ describe('LinkNavigationTracker', () => {
it('emits navigation on click', () => {
tracker.start();
- const event = clickAnchor('About');
+ const event = clickAnchor('About');
expect(event.defaultPrevented).toBe(true);
expectNavigation('/about');
@@ -35,33 +35,33 @@ describe('LinkNavigationTracker', () => {
it('ignores external links', () => {
tracker.start();
- clickAnchor('External');
+ clickAnchor('External');
expect(onNavigation).not.toHaveBeenCalled();
});
it('navigates same-origin absolute href as in-app path', () => {
window.history.replaceState({}, '', '/app/settings/');
tracker.start();
- clickAnchor(`Home`);
+ clickAnchor(`Home`);
expectNavigation('/главная.html');
});
it('navigates same-origin origin root as /', () => {
tracker.start();
- clickAnchor(`Root`);
+ clickAnchor(`Root`);
expectNavigation('/');
});
it('resolves path-relative href against current location', () => {
window.history.replaceState({}, '', '/app/settings/');
tracker.start();
- clickAnchor('Profile');
+ clickAnchor('Profile');
expectNavigation('/app/settings/profile');
});
it('stop pauses clicks; start resumes with the same handler', () => {
tracker.start();
- document.body.innerHTML = 'About';
+ document.body.innerHTML = 'About';
const link = document.querySelector('a')!;
tracker.stop();
@@ -74,13 +74,13 @@ describe('LinkNavigationTracker', () => {
});
it.each([
- ['ctrlKey', { ctrlKey: true }, 'About'],
- ['metaKey', { metaKey: true }, 'About'],
- ['shiftKey', { shiftKey: true }, 'About'],
- ['altKey', { altKey: true }, 'About'],
- ['middle button', { button: 1 }, 'About'],
- ['target=_blank', {}, 'About'],
- ['download', {}, 'File'],
+ ['ctrlKey', { ctrlKey: true }, 'About'],
+ ['metaKey', { metaKey: true }, 'About'],
+ ['shiftKey', { shiftKey: true }, 'About'],
+ ['altKey', { altKey: true }, 'About'],
+ ['middle button', { button: 1 }, 'About'],
+ ['target=_blank', {}, 'About'],
+ ['download', {}, 'File'],
] as const)('lets the browser handle %s', (_label, init, html) => {
tracker.start();
const event = clickAnchor(html, init);
@@ -94,7 +94,7 @@ describe('LinkNavigationTracker', () => {
document.addEventListener('click', prevent, true);
try {
tracker.start();
- clickAnchor('About');
+ clickAnchor('About');
expect(onNavigation).not.toHaveBeenCalled();
} finally {
document.removeEventListener('click', prevent, true);
diff --git a/src/modules/aura-routing-engine/test/user-actions/link-prefetch-intent.test.ts b/src/modules/aura-routing-engine/test/user-actions/link-prefetch-intent.test.ts
index 9033701d..c4c26b79 100644
--- a/src/modules/aura-routing-engine/test/user-actions/link-prefetch-intent.test.ts
+++ b/src/modules/aura-routing-engine/test/user-actions/link-prefetch-intent.test.ts
@@ -29,7 +29,7 @@ describe('LinkPrefetchIntentTracker', () => {
const tracker = createTracker({ scheduleIntent, cancelIntent });
tracker.start();
- dispatchAnchorMouseEvent('mouseover', 'About');
+ dispatchAnchorMouseEvent('mouseover', 'About');
expect(scheduleIntent).toHaveBeenCalledWith('/about', 'intent');
});
@@ -41,7 +41,7 @@ describe('LinkPrefetchIntentTracker', () => {
tracker.start();
dispatchAnchorMouseEvent(
'mouseover',
- 'About',
+ 'About',
);
expect(scheduleIntent).not.toHaveBeenCalled();
@@ -52,7 +52,7 @@ describe('LinkPrefetchIntentTracker', () => {
const tracker = createTracker({ scheduleIntent: jest.fn(), cancelIntent });
tracker.start();
- dispatchAnchorMouseEvent('mouseout', 'About', {
+ dispatchAnchorMouseEvent('mouseout', 'About', {
relatedTarget: document.body,
});
From bf4710f143cf94e66d4a9750438b66dbd5e35a94 Mon Sep 17 00:00:00 2001
From: yadroRus <37119397+yadroRus@users.noreply.github.com>
Date: Sun, 23 Aug 2026 01:13:37 +0300
Subject: [PATCH 2/2] refactor(links)!: rename aura-router-link to
data-aura-link for valid HTML - docs
---
docs/guide/02-routes-and-navigation.md | 12 +++++++++++-
1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/docs/guide/02-routes-and-navigation.md b/docs/guide/02-routes-and-navigation.md
index e4ddcdd3..a854dbd3 100644
--- a/docs/guide/02-routes-and-navigation.md
+++ b/docs/guide/02-routes-and-navigation.md
@@ -33,11 +33,21 @@ Parameterized routes require the browser's `URLPattern`. Catch-all values are av
## Navigation
-Mark only links that Aura should intercept:
+Mark only the links that Aura should intercept.
+Use the `data-aura-link` attribute as the default marker for such links:
```html
User
```
+You can customize which links are processed by configuring the `links-selector` in `