close
Skip to content

chore(fast-html): use @microsoft/fast-build to build children fixture#7383

Draft
janechu wants to merge 2 commits intomainfrom
users/janechu/update-fixture-to-use-fast-build-children
Draft

chore(fast-html): use @microsoft/fast-build to build children fixture#7383
janechu wants to merge 2 commits intomainfrom
users/janechu/update-fixture-to-use-fast-build-children

Conversation

@janechu
Copy link
Copy Markdown
Collaborator

@janechu janechu commented Apr 4, 2026

Pull Request

📖 Description

Adds the children test fixture to @microsoft/fast-html and generates its index.html using @microsoft/fast-build, consistent with the other fixtures (attribute, binding, event, ref, slotted).

The children fixture covers f-children attribute directives, which bind references to child DOM nodes in a FAST template (e.g. <ul f-children="{listItems}">). Because f-children is client-side only, @microsoft/fast-build strips it from the rendered Declarative Shadow DOM while preserving the data-fe-c hydration binding count so the FAST runtime can allocate the correct number of binding slots.

The fixture also exercises f-repeat inside the f-children-annotated element, verifying that SSR correctly renders the repeated list items (Foo, Bar) from the state while stripping the client-only directive.

🎫 Issues

No open issues directly addressed.

📑 Test Plan

  • npm run build:fixtures in packages/fast-html runs cleanly and regenerates children/index.htmlf-children is stripped from the shadow DOM output, data-fe-c binding annotation is preserved, and the f-repeat items are fully rendered.
  • All other fixture outputs (attribute, binding, event, ref, slotted) are unchanged.

✅ Checklist

General

  • I have included a change request file using $ npm run change
  • I have added tests for my changes.
  • I have tested my changes.
  • I have updated the project documentation to reflect my changes.
  • I have read the CONTRIBUTING documentation and followed the standards for this project.

⏭ Next Steps

  • Add a Playwright spec file (children.spec.ts) covering hydration of the f-children fixture to verify client-side child node reference assignment after SSR.

janechu and others added 2 commits April 6, 2026 22:00
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@janechu janechu force-pushed the users/janechu/update-fixture-to-use-fast-build-children branch from 39118a8 to e5b3d7b Compare April 7, 2026 05:01
@janechu janechu marked this pull request as ready for review April 7, 2026 05:01
@janechu janechu marked this pull request as draft April 7, 2026 05:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant