Usage

Observe system display settings.

This type is used by tests.render

tsx
// Observe system display settings.
import { appearance } from 'kuito';
import { render, test } from 'kuito/tests';

const dark: appearance.AppearancePreferences = { colorScheme: 'dark', fontScale: 1.3 };

test('the header reads in dark mode at a large text size', async () => {
  await render(<Header />, { modules: { Appearance: dark } });
});

function Header() {
  return null;
}

Type declaration

ts
export interface RenderOptions {
  fonts?: FontTable;
  screen?: Screen;
  modules?: ModuleFakes;
  /** Answers the app's requests; without it, a request fails. */
  fetch?: FetchHandler;
}

Members 4

NameTypeRequiredDescription
fontsFontTableNo—
screenScreenNo—
modulesReadonly<Record<string, Readonly<Record<string, unknown>>>>No—
fetchFetchHandlerNoAnswers the app's requests; without it, a request fails.
fetch — method signatures

Signatures

ts
(request: FetchRequest): FetchAnswer | Promise<FetchAnswer>

Parameters

NameTypeRequiredDescription
requestFetchRequestYes—

Returns

FetchAnswer | Promise<FetchAnswer>

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.