@astryxdesign/core 0.6.3-canary.ea2f048 → 0.6.3

package/src/Timer/Timer.spec.md

@@ -1,215 +0,0 @@
----
-schema_version: 3
-template_version: 5
-kind: component
-id: component:Timer
-authority: current
-archive_reason: null
-superseded_by: null
-approved_by: cixzhang
-approved_at: 2026-09-22
-owners: [cixzhang]
-review_triggers: [public-api, behavior, theming, accessibility, react-runtime]
-verified_by:
-  [
-    packages/core/src/Timer/Timer.test.tsx,
-    packages/core/src/theme/themingTargets.test.ts,
-    scripts/check-knowledge.mjs,
-  ]
-modules: []
-families: []
-design_specs: []
-architecture:
-  [
-    architecture:public-component-api,
-    architecture:component-theming-surface,
-    architecture:react-component-runtime,
-  ]
-contributing: []
-system_specs:
-  [
-    spec:AST-002/DEC-1,
-    spec:AST-037/DEC-1,
-    spec:AST-037/DEC-2,
-    spec:AST-037/DEC-3,
-  ]
----
-
-# Timer component contract
-
-## Contract at a glance
-
-| Area                    | Contract                                                                                                                                                                                                                                                                      |
-| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Public contract         | `Timer`, `TimerProps`, `TimerFormat`, optional `startTime` Unix milliseconds, `elapsed` or `clock` format, Timestamp-equivalent `type`, `size`, `color`, and `weight`, `<time>` ref, and `BaseProps<HTMLTimeElement>`.                                                        |
-| Behavior                | One semantic duration uses a standardized seconds-to-hours ladder and updates its owned DOM node without React tick renders; elapsed output drops to minute cadence after one hour.                                                                                           |
-| End-user impact         | People watching active work see a stable, consistent duration without unnecessary timer work competing with the surrounding interface.                                                                                                                                        |
-| Builder impact          | Zero-config starts on mount with Timestamp's supporting typography; callers choose only an earlier origin, standard format, or standard typography override.                                                                                                                  |
-| Compatibility/readiness | Additive first release implementing current `spec:AST-037`; no existing API or behavior changes.                                                                                                                                                                              |
-| Review checks           | Reject custom formatters/cadence, state-driven ticks, callback-count drift, post-hour elapsed second wakes, typography divergence from Timestamp, leaked resources, negative output, lost passthrough/ref behavior, unsolicited live announcements, or extra anatomy/targets. |
-| Governing rules         | `spec:AST-037`; `architecture:public-component-api`; `architecture:react-component-runtime`; `architecture:component-theming-surface`.                                                                                                                                        |
-
-This table is a review projection; the body below is authoritative.
-
-## Intent
-
-Timer is the stable Core projection of `spec:AST-037`. It presents a standardized
-elapsed duration for active work while keeping clock ticks outside React's render
-lifecycle. Its typography surface and defaults match Timestamp so the two temporal
-content components behave consistently.
-
-## Compatibility and migration
-
-- Released default preserved: `not yet released`
-- Compatibility class: additive component and type exports
-- Controlled/uncontrolled behavior: not applicable
-- Migration decision: `spec:AST-037/DEC-1`, `spec:AST-037/DEC-2`, and
-  `spec:AST-037/DEC-3`
-
-Consumer migration instructions belong in consumer docs and release notes.
-
-## Ownership boundary
-
-**Owns**
-
-- Elapsed calculation from mount or a finite caller origin.
-- The `elapsed` and `clock` representation ladders and their visible precision.
-- One `<time>` element, its visible value, synchronized ISO duration, and timer
-  resource lifecycle.
-- Avoiding React update commits for clock ticks.
-- Timestamp-equivalent `type`, `size`, `color`, and `weight` behavior.
-- The `timer` theming target on the Text wrapper.
-
-**Does not own / non-goals**
-
-- Loading indicators, waiting copy, status, or visibility — product composition.
-- Dates, relative calendar language, time zones, or absolute instants — Timestamp.
-- Pause, resume, countdown, deadlines, alarms, laps, sub-second precision, custom
-  formatters, or caller-controlled scheduling cadence.
-- Automatic live-region announcements.
-
-Countdown is deferred to a later contract. The standard formatting and scheduling
-helpers remain direction-independent so that extension does not require replacing
-the current format API.
-
-## Public concepts
-
-| Concept         | Closed values or states                   | Meaning                                              | Availability | Default                                                                        | Owner             | Stability | Invalid-value behavior                                     |
-| --------------- | ----------------------------------------- | ---------------------------------------------------- | ------------ | ------------------------------------------------------------------------------ | ----------------- | --------- | ---------------------------------------------------------- |
-| Elapsed origin  | Mount time or finite `startTime`          | Unix-millisecond origin for elapsed duration         | Always       | Mount time                                                                     | `component:Timer` | Stable    | Non-finite values fall back to mount time                  |
-| Duration format | `elapsed`, `clock`                        | Compact units or stopwatch notation                  | Always       | `elapsed`                                                                      | `component:Timer` | Stable    | Types reject other values; runtime falls back to `elapsed` |
-| Typography      | `type`, `size`, `color`, `weight`         | Same Text-backed surface and resolution as Timestamp | Always       | Timestamp defaults: supporting type, secondary color, type-derived size/weight | Timestamp/Text    | Stable    | Existing Text type behavior                                |
-| Time surface    | `<time>` with visible text and `dateTime` | Semantic elapsed duration and time-element props/ref | Always       | Selected format's zero value and `PT0S` before client synchronization          | `component:Timer` | Stable    | Timer-owned `dateTime` wins                                |
-
-## Behavioral and layout contract
-
-| ID   | Candidate invariant                                                                                                                                                                                                                                                                | Basis                        | Draft review state |
-| ---- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | ------------------ |
-| FR1  | Timer MUST render one `<time>` element with selected-format text and matching non-negative ISO 8601 duration.                                                                                                                                                                      | `spec:AST-037` FR1, FR3, FR5 | Settled            |
-| FR2  | Omitted or non-finite `startTime` MUST use the mount origin; a finite value MUST use that caller origin.                                                                                                                                                                           | `spec:AST-037` FR2           | Settled            |
-| FR3  | Ticks MUST recompute from the clock and origin, directly update the owned node, and produce zero React update commits.                                                                                                                                                             | `spec:AST-037` FR3–FR4       | Settled            |
-| FR4  | Prop changes MUST take effect without remounting or duplicate resources; every setup MUST clean up its resource.                                                                                                                                                                   | `spec:AST-037` FR6–FR7       | Settled            |
-| FR5  | `type`, `size`, `color`, `weight`, `xstyle`, `className`, and `style` MUST resolve on the Text wrapper exactly as Timestamp does; other admitted DOM, data, ARIA, and event props and the ref MUST reach `<time>`.                                                                 | `spec:AST-037` FR8           | Settled            |
-| FR6  | Timer MUST NOT add live-region semantics by default.                                                                                                                                                                                                                               | `spec:AST-037` FR9           | Settled            |
-| FR7  | The Text wrapper MUST carry exactly the `timer` target for this component.                                                                                                                                                                                                         | `spec:AST-037` FR10          | Settled            |
-| FR8  | Initial markup MUST use the selected format's zero value and `PT0S` without exposing a clock read in rendered markup.                                                                                                                                                              | `spec:AST-037` FR11          | Settled            |
-| FR9  | `elapsed` and `clock` MUST update on second boundaries below one hour; `elapsed` MUST update on minute boundaries at or above one hour while `clock` remains second-precise. A future origin MUST schedule toward its first visible change rather than waking each second at zero. | `spec:AST-037` FR12          | Settled            |
-| FR10 | Timer SHOULD skip DOM writes while the represented text and duration are unchanged.                                                                                                                                                                                                | `spec:AST-037` FR13          | Settled            |
-
-### Allowed variation
-
-- **AV1 — Scheduling mechanism.** The private browser scheduling mechanism may
-  change while format-aware cadence, clock derivation, no-render ticks, and
-  complete cleanup remain true.
-- **AV2 — Composition.** Callers may use the supported typography and styling
-  inputs without changing timing behavior.
-
-### Representative states
-
-| State            | Required invariant                                             | Allowed variation                       |
-| ---------------- | -------------------------------------------------------------- | --------------------------------------- |
-| Initial elapsed  | `0s` and `PT0S` on one `<time>`                                | Root props and styling                  |
-| Initial clock    | `0:00` and `PT0S` on one `<time>`                              | Root props and styling                  |
-| Seconds/minutes  | `34s`, `2m 08s`, `0:34`, or `2:08` with whole-second semantics | Finite elapsed value                    |
-| Hour-scale       | `1h 02m` at minute cadence or `1:02:33` at second cadence      | Format                                  |
-| Delayed callback | Catch up to clock without accumulated drift                    | Delay length                            |
-| Prop update      | New origin or format applies on the same `<time>`              | Parent render cause                     |
-| Replay/unmount   | Each acquired resource is released                             | Development replay count                |
-| Typography       | Timestamp defaults or explicit Text-family overrides           | Supported type, size, color, and weight |
-
-### Transformation and precedence order
-
-- **ORD1 — Resolve → calculate → clamp → floor to visible precision → format →
-  write → schedule next visible boundary.** Apply the pipeline from `spec:AST-037`
-  to visible text and machine-readable duration.
-- **ORD2 — Timestamp styling split.** Typography, `xstyle`, `className`, `style`,
-  and the `timer` target compose on the Text wrapper. Time-element props and the ref
-  compose on `<time>`; Timer owns `dateTime`.
-
-### Performance and resources
-
-- **PR1 — No tick renders.** Advancing time produces zero React update commits.
-- **PR2 — One resource.** Each mounted Timer owns at most one active timer resource,
-  and each setup cleanup releases its resource.
-- **PR3 — Visible cadence.** Elapsed output at or above one hour does not wake for
-  hidden second changes; clock output remains second-precise.
-- **PR4 — Bounded writes.** Unchanged represented text and duration are not rewritten.
-
-## Accessibility contract
-
-- **AR1 — Semantic duration.** The `<time>` element exposes the current non-negative
-  ISO 8601 duration at the same precision as its visible output.
-- **AR2 — Quiet by default.** No role or `aria-live` value is added automatically;
-  deliberate caller ARIA passes through.
-- **AR3 — Perceivable text.** The formatted duration remains real text content.
-
-## Design relationships
-
-| Anatomy or state | Design requirement                                                                                                 | Representation authority                   | Hierarchy role | Component contract      |
-| ---------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------ | -------------- | ----------------------- |
-| Elapsed time     | One stable inline duration with Timestamp-equivalent supporting typography by default and standard Text overrides. | `spec:AST-037/DEC-1`, `spec:AST-037/DEC-3` | Supporting     | FR1, FR3, FR5, AR1, AR3 |
-
-### Theming anatomy
-
-<!-- anatomy-theming:v1 -->
-
-```json
-{
-  "Elapsed time": {"target": "timer"}
-}
-```
-
-## Family and system relationships
-
-- Timer and Timestamp are temporal Text-family content components: Timer owns
-  durations; Timestamp owns instants. Their typography API and defaults match.
-- `spec:AST-037` owns the public behavior, API, accessibility, performance, and
-  first-Core-admission decisions projected here.
-- `architecture:public-component-api` owns exports, BaseProps, styling, ref, and
-  caller-choice rules.
-- `architecture:react-component-runtime` owns Effect and resource lifecycle.
-- `architecture:component-theming-surface` owns target qualification.
-
-## Verification map
-
-| Contract                    | Verification                                                                     | Representative states                                                                                                        | Mutation or failure expectation                                                                                                                                            | Audit section               |
-| --------------------------- | -------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |
-| FR1–FR4, FR8–FR10, AR1, AR3 | `Timer.test.tsx` controlled-clock tests                                          | Initial formats, origin variants including future scheduling, delayed callback, format change, second/minute/hour boundaries | State ticks, callback accumulation, wrong ladder/padding, negative values, needless pre-origin wakes, stale semantics, wrong cadence, or clock-derived initial markup fail | `audit:Timer/behavior`      |
-| FR3, PR1                    | React Profiler commit-count test                                                 | Several ticks                                                                                                                | A state-based implementation adds update commits and fails                                                                                                                 | `audit:Timer/performance`   |
-| FR4, PR2                    | Resource spies under rerender, StrictMode, and unmount                           | Setup, dependency change, replay, cleanup                                                                                    | Duplicate or leaked resources fail counts                                                                                                                                  | `audit:Timer/resources`     |
-| FR5                         | Public import, Timestamp-default typography, overrides, BaseProps, and ref tests | Default and explicit typography, ref, event, ARIA, class, style                                                              | Missing export, styling divergence, or dropped input fails                                                                                                                 | `audit:Timer/api`           |
-| FR6, AR2                    | Accessibility attribute tests                                                    | Default and deliberate caller ARIA                                                                                           | Unsolicited live semantics or dropped ARIA fails                                                                                                                           | `audit:Timer/accessibility` |
-| FR7                         | `themingTargets.test.ts` and `scripts/check-knowledge.mjs`                       | One wrapper target                                                                                                           | Missing, extra, or misplaced target fails                                                                                                                                  | `audit:Timer/theming`       |
-
-## Decision log
-
-No additional decision. This component projects `spec:AST-037` without widening it.
-
-## Open questions
-
-None.
-
-## Content boundary
-
-This file does not duplicate consumer examples, implementation code, private
-scheduling mechanics, measurements, or system rules. It links to their owners.

package/src/Timer/Timer.test.tsx

@@ -1,302 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file Timer.test.tsx
- * @input Uses React Testing Library, fake clocks, React Profiler, and Timer
- * @output Verifies formats, adaptive cadence, render isolation, typography, resources, semantics, and passthrough
- */
-
-import {Profiler, StrictMode, createRef} from 'react';
-import {renderToString} from 'react-dom/server';
-import {act, fireEvent, render, screen} from '@testing-library/react';
-import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest';
-import {Timer} from './Timer';
-
-describe('Timer', () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-    vi.setSystemTime(new Date('2026-09-22T00:00:00Z'));
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-    vi.restoreAllMocks();
-  });
-
-  it('renders deterministic zero-duration markup for each standard format', () => {
-    const {rerender} = render(<Timer data-testid="timer" />);
-    const timer = screen.getByTestId('timer');
-
-    expect(timer.tagName).toBe('TIME');
-    expect(timer).toHaveTextContent('0s');
-    expect(timer).toHaveAttribute('datetime', 'PT0S');
-
-    rerender(<Timer format="clock" data-testid="timer" />);
-    expect(timer).toHaveTextContent('0:00');
-    expect(timer).toHaveAttribute('datetime', 'PT0S');
-  });
-
-  it('keeps server markup independent of the clock', () => {
-    const firstMarkup = renderToString(<Timer startTime={0} />);
-    const firstClockMarkup = renderToString(
-      <Timer startTime={0} format="clock" />,
-    );
-
-    vi.setSystemTime(new Date('2030-01-01T00:00:00Z'));
-    const secondMarkup = renderToString(<Timer startTime={0} />);
-    const secondClockMarkup = renderToString(
-      <Timer startTime={0} format="clock" />,
-    );
-
-    expect(firstMarkup).toBe(secondMarkup);
-    expect(firstMarkup).toContain('dateTime="PT0S"');
-    expect(firstMarkup).toContain('>0s</time>');
-    expect(firstClockMarkup).toBe(secondClockMarkup);
-    expect(firstClockMarkup).toContain('>0:00</time>');
-  });
-
-  it('derives elapsed time from the clock without accumulating callback count', () => {
-    let scheduledTick: (() => void) | undefined;
-    vi.spyOn(globalThis, 'setTimeout').mockImplementation(callback => {
-      scheduledTick = callback as () => void;
-      return 1 as unknown as ReturnType<typeof setTimeout>;
-    });
-
-    render(<Timer data-testid="timer" />);
-
-    vi.setSystemTime(new Date('2026-09-22T00:00:08.750Z'));
-    act(() => {
-      scheduledTick?.();
-    });
-
-    const timer = screen.getByTestId('timer');
-    expect(timer).toHaveTextContent('8s');
-    expect(timer).toHaveAttribute('datetime', 'PT8S');
-  });
-
-  it('formats elapsed durations across seconds, minutes, and hours', () => {
-    const now = Date.now();
-    const {rerender} = render(
-      <Timer startTime={now - 34_000} data-testid="timer" />,
-    );
-    const timer = screen.getByTestId('timer');
-    expect(timer).toHaveTextContent('34s');
-    expect(timer).toHaveAttribute('datetime', 'PT34S');
-
-    rerender(<Timer startTime={now - 128_000} data-testid="timer" />);
-    expect(timer).toHaveTextContent('2m 08s');
-    expect(timer).toHaveAttribute('datetime', 'PT128S');
-
-    rerender(<Timer startTime={now - 3_753_000} data-testid="timer" />);
-    expect(timer).toHaveTextContent('1h 02m');
-    expect(timer).toHaveAttribute('datetime', 'PT3720S');
-  });
-
-  it('formats clock durations across minutes and hours', () => {
-    const now = Date.now();
-    const {rerender} = render(
-      <Timer format="clock" startTime={now - 128_000} data-testid="timer" />,
-    );
-    const timer = screen.getByTestId('timer');
-    expect(timer).toHaveTextContent('2:08');
-    expect(timer).toHaveAttribute('datetime', 'PT128S');
-
-    rerender(
-      <Timer format="clock" startTime={now - 3_753_000} data-testid="timer" />,
-    );
-    expect(timer).toHaveTextContent('1:02:33');
-    expect(timer).toHaveAttribute('datetime', 'PT3753S');
-  });
-
-  it('uses second cadence until elapsed format reaches an hour, then minute cadence', () => {
-    const setTimeoutSpy = vi.spyOn(globalThis, 'setTimeout');
-    const startTime = Date.now() - 3_599_000;
-    render(<Timer startTime={startTime} data-testid="timer" />);
-    const timer = screen.getByTestId('timer');
-
-    expect(timer).toHaveTextContent('59m 59s');
-    expect(setTimeoutSpy).toHaveBeenLastCalledWith(expect.any(Function), 1000);
-
-    act(() => {
-      vi.advanceTimersByTime(1000);
-    });
-    expect(timer).toHaveTextContent('1h 00m');
-    expect(timer).toHaveAttribute('datetime', 'PT3600S');
-    expect(setTimeoutSpy).toHaveBeenLastCalledWith(
-      expect.any(Function),
-      60_000,
-    );
-  });
-
-  it('keeps clock format on second cadence after an hour', () => {
-    const setTimeoutSpy = vi.spyOn(globalThis, 'setTimeout');
-    render(
-      <Timer
-        format="clock"
-        startTime={Date.now() - 3_723_000}
-        data-testid="timer"
-      />,
-    );
-
-    expect(screen.getByTestId('timer')).toHaveTextContent('1:02:03');
-    expect(setTimeoutSpy).toHaveBeenLastCalledWith(expect.any(Function), 1000);
-  });
-
-  it('counts from a finite caller-provided start time', () => {
-    const now = Date.now();
-    render(<Timer startTime={now - 12_400} data-testid="timer" />);
-
-    expect(screen.getByTestId('timer')).toHaveTextContent('12s');
-    expect(screen.getByTestId('timer')).toHaveAttribute('datetime', 'PT12S');
-  });
-
-  it('returns to the original mount origin when startTime is removed', () => {
-    const mountedAt = Date.now();
-    const {rerender} = render(
-      <Timer startTime={mountedAt - 10_000} data-testid="timer" />,
-    );
-
-    act(() => {
-      vi.advanceTimersByTime(2000);
-    });
-    rerender(<Timer data-testid="timer" />);
-
-    expect(screen.getByTestId('timer')).toHaveTextContent('2s');
-    expect(screen.getByTestId('timer')).toHaveAttribute('datetime', 'PT2S');
-  });
-
-  it('falls back to mount time for a non-finite start time', () => {
-    render(<Timer startTime={Number.NaN} data-testid="timer" />);
-
-    act(() => {
-      vi.advanceTimersByTime(2000);
-    });
-
-    expect(screen.getByTestId('timer')).toHaveTextContent('2s');
-  });
-
-  it('clamps a future origin to zero and schedules its first visible change directly', () => {
-    const setTimeoutSpy = vi.spyOn(globalThis, 'setTimeout');
-    render(<Timer startTime={Date.now() + 5000} data-testid="timer" />);
-
-    expect(screen.getByTestId('timer')).toHaveTextContent('0s');
-    expect(screen.getByTestId('timer')).toHaveAttribute('datetime', 'PT0S');
-    expect(setTimeoutSpy).toHaveBeenLastCalledWith(expect.any(Function), 6000);
-
-    act(() => {
-      vi.advanceTimersByTime(6000);
-    });
-
-    expect(screen.getByTestId('timer')).toHaveTextContent('1s');
-    expect(screen.getByTestId('timer')).toHaveAttribute('datetime', 'PT1S');
-  });
-
-  it('updates format without remounting or losing current elapsed time', () => {
-    const now = Date.now();
-    const {rerender} = render(
-      <Timer startTime={now - 3_723_000} data-testid="timer" />,
-    );
-    const timer = screen.getByTestId('timer');
-    expect(timer).toHaveTextContent('1h 02m');
-    expect(timer).toHaveAttribute('datetime', 'PT3720S');
-
-    rerender(
-      <Timer format="clock" startTime={now - 3_723_000} data-testid="timer" />,
-    );
-    expect(screen.getByTestId('timer')).toBe(timer);
-    expect(timer).toHaveTextContent('1:02:03');
-    expect(timer).toHaveAttribute('datetime', 'PT3723S');
-  });
-
-  it('does not schedule React update commits as time advances', () => {
-    const onRender = vi.fn();
-    render(
-      <Profiler id="timer" onRender={onRender}>
-        <Timer />
-      </Profiler>,
-    );
-    expect(onRender).toHaveBeenCalledTimes(1);
-
-    act(() => {
-      vi.advanceTimersByTime(5000);
-    });
-
-    expect(onRender).toHaveBeenCalledTimes(1);
-  });
-
-  it('owns one timer resource and cleans up under StrictMode replay', () => {
-    const setTimeoutSpy = vi.spyOn(window, 'setTimeout');
-    const clearTimeoutSpy = vi.spyOn(window, 'clearTimeout');
-    const {unmount} = render(
-      <StrictMode>
-        <Timer />
-      </StrictMode>,
-    );
-
-    expect(setTimeoutSpy).toHaveBeenCalledTimes(2);
-    expect(clearTimeoutSpy).toHaveBeenCalledTimes(1);
-
-    unmount();
-    expect(clearTimeoutSpy).toHaveBeenCalledTimes(2);
-  });
-
-  it('matches Timestamp typography defaults and accepts overrides', () => {
-    const {rerender} = render(<Timer data-testid="timer" />);
-    const timer = screen.getByTestId('timer');
-    const text = timer.parentElement;
-
-    expect(text).toHaveClass('astryx-text');
-    expect(text).toHaveClass('astryx-timer');
-    expect(text).toHaveAttribute('data-type', 'supporting');
-    expect(text).toHaveAttribute('data-color', 'secondary');
-
-    rerender(
-      <Timer
-        type="body"
-        size="lg"
-        color="primary"
-        weight="bold"
-        data-testid="timer"
-      />,
-    );
-    expect(text).toHaveAttribute('data-type', 'body');
-    expect(text).toHaveAttribute('data-size', 'lg');
-    expect(text).toHaveAttribute('data-color', 'primary');
-  });
-
-  it('forwards its time ref and preserves Timestamp-style root styling and time props', () => {
-    const ref = createRef<HTMLTimeElement>();
-    const onClick = vi.fn();
-    render(
-      <Timer
-        ref={ref}
-        id="elapsed"
-        className="custom-class"
-        style={{color: 'rgb(1, 2, 3)'}}
-        aria-live="polite"
-        onClick={onClick}
-        data-testid="timer"
-      />,
-    );
-
-    const timer = screen.getByTestId('timer');
-    const text = timer.parentElement;
-    expect(ref.current).toBe(timer);
-    expect(timer).toHaveAttribute('id', 'elapsed');
-    expect(text).toHaveClass('astryx-timer');
-    expect(text).toHaveClass('custom-class');
-    expect(text).toHaveStyle({color: 'rgb(1, 2, 3)'});
-    expect(timer).toHaveAttribute('aria-live', 'polite');
-
-    fireEvent.click(timer);
-    expect(onClick).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not add live-region semantics by default', () => {
-    render(<Timer data-testid="timer" />);
-    const timer = screen.getByTestId('timer');
-
-    expect(timer).not.toHaveAttribute('aria-live');
-    expect(timer).not.toHaveAttribute('role');
-  });
-});