Description
Construct nested supplied disclosure content with open-presence keys and visibility derived from ancestor state; browser interaction and rendering remain app-tested.
An interface fixture makes content and state explicit so a consumer can test a rendering or interaction. Literal labels, modeled states, and calculated geometry remain separate from what a browser or assistive technology actually displays or announces.
Construct nested supplied disclosure content with open-presence keys and visibility derived from ancestor state; browser interaction and rendering remain app-tested.
When to use this tool
Use this generator to create reproducible details disclosure state fixture cases from the supplied model or bank. Inspect the returned evidence before using cases in a test or exercise.
How to use the tool and how it works
- Supply sections, nodeCount in the field shapes below. Set seed when you need an explicit replay.
- Run the tool and correct any input error. For generated controls, distinguish a successful fixture containing an invalid case from failure to generate the fixture.
- Read nodes, html. Use the conventions below. Keep answer-bearing fields separate when presenting an exercise.
Construct a bounded-depth tree of sampled disclosure sections, draw each open state, and mark a node visible only when all ancestor nodes are visible and open. Return parent references, parsed start tags, and escaped nested details markup.1
| Input field | Meaning and units | Accepted input |
|---|---|---|
| sections | Sections | Required. Array of Object; no unknown keys.; minimum items 1; maximum items 16. |
| sections[].summary | Summary | Required. Text; minimum UTF-16 length 1; maximum UTF-16 length 128. |
| sections[].body | Body | Required. Text; maximum UTF-16 length 256. |
| nodeCount | Node Count | Required. Safe integer; minimum 1; maximum 16. |
| seed | Optional numeric seed; takes precedence over context randomness. Without either, use the fixed tool.io default seed. | Optional. Safe integer. |
| Output field | Interpretation | Returned shape |
|---|---|---|
| nodes | Nodes | Required. Array of Object; no unknown keys.; minimum items 1; maximum items 16. |
| nodes[].id | Literal identifier used independently of display labels. | Required. Text; minimum UTF-16 length 1; maximum UTF-16 length 32. |
| nodes[].parentId | Parent Id | Required. Text; minimum UTF-16 length 1; maximum UTF-16 length 32. or Null. |
| nodes[].summary | Summary | Required. Text; minimum UTF-16 length 1; maximum UTF-16 length 128. |
| nodes[].body | Body | Required. Text; maximum UTF-16 length 256. |
| nodes[].open | Open | Required. Boolean. |
| nodes[].visible | Visible | Required. Boolean. |
| nodes[].parsed | Parsed | Required. Object; no unknown keys. |
| nodes[].parsed.name | Name | Required. Text; maximum UTF-16 length 256. |
| nodes[].parsed.attributes | Attributes | Required. Array of Object; no unknown keys.; minimum items 0; maximum items 16. |
| nodes[].parsed.attributes[].name | Name | Required. Text; maximum UTF-16 length 256. |
| nodes[].parsed.attributes[].value | Value | Required. Text; maximum UTF-16 length 2048. |
| html | Html | Required. Text; maximum UTF-16 length 131072. |
| randomness | Replay source and normalized 32-bit seed, or null seed for an advancing context source. | Required. Object; no unknown keys. |
| randomness.seed | Optional safe-integer replay seed; normalization and precedence are explained below. | Required. Safe integer. or Null. |
| randomness.source | Source | Required. Text; one of "context", "seed". |
An explicit safe-integer seed takes precedence over injected context randomness and is normalized to an unsigned 32-bit integer. With no seed and no context source, replay uses the fixed tool.io default seed. A context source must return finite values from zero inclusive to one exclusive; its advancing state must be retained separately. randomness records the source and normalized seed, or null for context. These generators are not cryptographic random sources.
{
"input": {
"sections": [
{
"summary": "More",
"body": "Details"
}
],
"nodeCount": 2,
"seed": 42
},
"output": {
"nodes": [
{
"id": "disclosure-0",
"parentId": null,
"summary": "More",
"body": "Details",
"open": true,
"visible": true,
"parsed": {
"name": "details",
"attributes": [
{
"name": "id",
"value": "disclosure-0"
},
{
"name": "open",
"value": ""
}
]
}
},
{
"id": "disclosure-1",
"parentId": "disclosure-0",
"summary": "More",
"body": "Details",
"open": true,
"visible": true,
"parsed": {
"name": "details",
"attributes": [
{
"name": "id",
"value": "disclosure-1"
},
{
"name": "open",
"value": ""
}
]
}
}
],
"html": "<details id=\"disclosure-0\" open><summary>More</summary><p>Details</p><details id=\"disclosure-1\" open><summary>More</summary><p>Details</p></details></details>",
"randomness": {
"seed": 42,
"source": "seed"
}
}
}Limitations and assumptions
- A closed details element itself can be visible while its descendants are hidden. This is a simplified ancestry model, not CSS visibility, keyboard behavior, or complete browser disclosure semantics.
- A replay requires the same complete input and implementation. The stated sampling convention applies within its eligible space. A finite draw does not exhaust all possible outputs; repeats remain possible unless a distinct-selection rule is explicit.
- The field tables state structural bounds; cross-field constraints and bounded search or output budgets also apply. Unknown keys are rejected where the object contract disallows them. Input errors are distinct from null fields and deliberate invalid controls in a successful output.
Alternative or Complementary methods
For a supplied example, inspect the returned construction or delegated check directly. To evaluate a consumer, also test cases chosen for its own boundaries; a generated finite corpus does not establish exhaustive coverage.
References
Similar or alternative tools
- Random ARIA State Transition Fixture Generator
Generate role/state snapshots and attempted transitions under caller-reviewed consistency edges, checking state tokens lexically without certifying role applicability or accessibility.
- Random Drag and Drop Item State Fixture Generator
Generate atomic move attempts across supplied containers, checking capacities and item eligibility and retaining explicit rejected moves and inventory snapshots.