[compiler] Outline JSX with non-jsx children #1828

	name: (Compiler) Playground

	on:
	push:
	branches: [main]
	pull_request:
	paths:
	- compiler/**
	- .github/workflows/compiler-playground.yml

	concurrency:
	group: ${{ github.workflow }}-${{ github.event.pull_request.number \|\| github.run_id }}
	cancel-in-progress: true

	env:
	TZ: /usr/share/zoneinfo/America/Los_Angeles
	# https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
	SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1

	defaults:
	run:
	working-directory: compiler/apps/playground

	jobs:
	playground:
	name: Test playground
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v4
	- uses: actions/setup-node@v4
	with:
	node-version-file: '.nvmrc'
	cache: yarn
	cache-dependency-path: compiler/**/yarn.lock
	- name: Restore cached node_modules
	uses: actions/cache@v4
	id: node_modules
	with:
	path: "**/node_modules"
	key: compiler-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/**/yarn.lock') }}
	- name: yarn install compiler
	run: yarn install --frozen-lockfile
	working-directory: compiler
	- name: yarn install playground
	run: yarn install --frozen-lockfile
	- run: npx playwright install --with-deps chromium
	- run: yarn test
	- name: Archive test results
	uses: actions/upload-artifact@v4
	with:
	name: test-results
	path: test-results

Provide feedback