Fix variable mobile design #1530

	name: Playwright Tests
	on:
	push:
	branches: [ main, master ]
	pull_request:
	branches: [ main, master ]
	jobs:
	test:
	timeout-minutes: 60
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v4
	- uses: actions/setup-node@v4
	with:
	node-version: 20
	- name: Install dependencies
	run: npm ci
	- name: Install Playwright Browsers
	run: npx playwright install --with-deps
	- name: Build the project
	run: npm run build
	env:
	NEXT_PUBLIC_GRAPHQL_URL: ${{ secrets.NEXT_PUBLIC_GRAPHQL_URL }}
	- name: Start the application
	run: npm run start &
	env:
	NEXT_PUBLIC_GRAPHQL_URL: ${{ secrets.NEXT_PUBLIC_GRAPHQL_URL }}
	- name: Wait for the application to be ready
	run: \|
	echo "Waiting for the application to be ready..."
	timeout 300 bash -c 'while [[ "$(curl -s -o /dev/null -w ''%{http_code}'' localhost:3000)" != "200" ]]; do sleep 5; done' \|\| false
	echo "Application is ready!"
	- name: Run Playwright tests
	run: npx playwright test
	env:
	CI: true
	NEXT_PUBLIC_GRAPHQL_URL: ${{ secrets.NEXT_PUBLIC_GRAPHQL_URL }}
	DEBUG: pw:api
	- name: Upload test results
	if: always()
	uses: actions/upload-artifact@v4
	with:
	name: playwright-report
	path: playwright-report/
	retention-days: 30
	- name: Upload test traces
	if: failure()
	uses: actions/upload-artifact@v4
	with:
	name: playwright-traces
	path: test-results/
	retention-days: 30

Provide feedback