Update NavList to use the new GroupHeading API and add an `as` prop to specify the heading level (h3 to match with the default) #20783

Workflow file for this run

	name: CI
	on:
	push:
	branches:
	- main
	- next-major
	pull_request:
	merge_group:
	branches:
	- main
	- next-major
	types:
	- checks_requested

	concurrency:
	group: ${{ github.workflow }}-${{ github.ref }}
	cancel-in-progress: true

	jobs:
	format:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	- name: Set up Node.js
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Check for unformatted files
	run: npm run format:diff

	lint:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	- name: Set up Node.js
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Lint JavaScript
	run: npm run lint
	- name: Lint markdown
	run: npm run lint:md

	test:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	- name: Set up Node.js
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Build
	run: npm run build
	- name: Test
	run: npm run test -- --coverage

	type-check:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	- name: Set up Node.js
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Build project
	run: npm run build
	- name: Type check
	run: npm run type-check

	examples:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	- name: Set up Node.js
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Build
	run: npm run build -ws --if-present

	vrt-runner:
	runs-on: ubuntu-latest-8-cores
	strategy:
	fail-fast: false
	matrix:
	shard: [1, 2, 3, 4]
	steps:
	- uses: actions/checkout@v4
	- name: Use Node.js 20.x
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Build storybook
	run: npx storybook build
	working-directory: packages/react
	- name: Run storybook
	id: storybook
	working-directory: packages/react
	run: \|
	npx serve -l 6006 storybook-static &
	pid=$!
	echo "pid=$pid" >> $GITHUB_OUTPUT
	sleep 5
	- name: Run VRT
	uses: docker://mcr.microsoft.com/playwright:v1.43.0-jammy
	env:
	STORYBOOK_URL: 'http://172.17.0.1:6006'
	with:
	args: npx playwright test --grep @vrt --shard="${{ matrix.shard }}/${{ strategy.job-total }}"
	- name: Stop storybook
	run: kill ${{ steps.storybook.outputs.pid }}
	- name: Upload report
	if: ${{ always() }}
	uses: actions/upload-artifact@v4
	with:
	name: vrt-${{ matrix.shard }}
	path: blob-report
	retention-days: 1

	vrt:
	if: ${{ always() }}
	runs-on: ubuntu-latest
	needs: vrt-runner
	steps:
	- uses: actions/checkout@v4
	- name: Use Node.js 20.x
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: install dependencies
	run: npm ci
	- name: download all reports
	uses: actions/download-artifact@v4
	with:
	path: all-blob-reports
	pattern: vrt-*
	merge-multiple: true
	- name: merge all reports
	run: npx playwright merge-reports --reporter html ./all-blob-reports
	- name: Upload report
	uses: actions/upload-artifact@v4
	with:
	name: vrt
	path: playwright-report
	- name: check vrt-runner job status
	if: ${{ needs.vrt-runner.result == 'failure' }}
	run: exit 1

	aat-runner:
	runs-on: ubuntu-latest-8-cores
	strategy:
	fail-fast: false
	matrix:
	shard: [1, 2]
	steps:
	- uses: actions/checkout@v4
	- name: Use Node.js 20.x
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Build storybook
	run: npx storybook build
	working-directory: packages/react
	- name: Run storybook
	id: storybook
	working-directory: packages/react
	run: \|
	npx serve -l 6006 storybook-static &
	pid=$!
	echo "pid=$pid" >> $GITHUB_OUTPUT
	sleep 5
	- name: Run AAT
	uses: docker://mcr.microsoft.com/playwright:v1.43.0-jammy
	env:
	STORYBOOK_URL: 'http://172.17.0.1:6006'
	with:
	args: npx playwright test --grep @aat --shard="${{ matrix.shard }}/${{ strategy.job-total }}"
	- name: Stop storybook
	run: kill ${{ steps.storybook.outputs.pid }}
	- name: Upload report
	if: ${{ always() }}
	uses: actions/upload-artifact@v4
	with:
	name: axe-${{ matrix.shard }}
	path: blob-report
	retention-days: 1

	aat:
	if: ${{ always() }}
	runs-on: ubuntu-latest
	needs: aat-runner
	steps:
	- uses: actions/checkout@v4
	- name: Use Node.js 20.x
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: install dependencies
	run: npm ci
	- name: download all reports
	uses: actions/download-artifact@v4
	with:
	path: all-blob-reports
	pattern: axe-*
	merge-multiple: true
	- name: merge all reports
	run: npx playwright merge-reports --reporter html ./all-blob-reports
	- name: Upload report
	uses: actions/upload-artifact@v4
	with:
	name: axe
	path: playwright-report
	- name: Check aat-runner job status
	if: ${{ needs.aat-runner.result == 'failure' }}
	run: exit 1

	build-components-json:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	- name: Use Node.js 20.x
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Build components.json
	run: npm run build:components.json

	sizes:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	- name: Set up Node.js
	uses: actions/setup-node@v4
	with:
	node-version: 20
	cache: 'npm'
	- run: npm i -g npm@^10.5.1
	- name: Install dependencies
	run: npm ci
	- name: Build
	run: npm run build
	- name: Get export sizes
	run: node packages/react/script/get-export-sizes.js

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update NavList to use the new GroupHeading API and add an `as` prop to specify the heading level (h3 to match with the default) #20783

Workflow file

Update NavList to use the new GroupHeading API and add an `as` prop to specify the heading level (h3 to match with the default) #20783

Jobs

Run details

Workflow file for this run

Update NavList to use the new GroupHeading API and add an as prop to specify the heading level (h3 to match with the default) #20783

Workflow file

Workflow file for this run

Update NavList to use the new GroupHeading API and add an `as` prop to specify the heading level (h3 to match with the default) #20783