Скачать или смотреть 58 Pipeline - GitHub using VS code UI - GitHub Actions - Allure as a global env - Allure on CICD

🌐 TypeScript Essentials #58 Allure Global Setup + GitHub Actions Integration: Visual CI Reporting Made Easy

In this episode, we walk through how to install Allure as a global CLI tool, configure it as an environment variable, and automate Allure Report generation and hosting using GitHub Actions. This setup allows you to generate stunning test reports and publish them directly to GitHub Pages—no manual steps, no local dependencies.

🎯 What You’ll Learn:
⚙️ Installing Allure Globally
Install Allure CLI on Your Machine
→ For macOS:
brew install allure
→ For Windows:
choco install allure-commandline --version=2.20.1
Verify Installation
→ Run:
allure --version
Add Allure to Global Environment Variables (Windows)
→ Add the Allure installation path to your system’s PATH variable
→ Restart VS Code to apply changes
🚀 Automating Allure Reports with GitHub Actions- Configure Allure Reporter in playwright.config.ts
reporter: [
['line'],
['allure-playwright', { resultsDir: 'allure-results' }]
]
Create Workflow File: .github/workflows/allure.yml
name: Generate & Publish Allure Report

on:
push:
branches: [main]

jobs:
report:
runs-on: ubuntu-latest
steps:
uses: actions/checkout@v4
name: Setup Node
uses: actions/setup-node@v4
with:
node-version: '20'
run: npm ci
run: npx playwright test
name: Generate Allure Report
run: |
npm install -g allure-commandline --save-dev
allure generate allure-results --clean -o allure-report
name: Publish to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: allure-report
Access Your Report
→ After a successful run, your report will be hosted at:

🧪 Real-World Use Cases:- Hosting daily Playwright test reports for team visibility
Sharing progress with stakeholders via a public link
Debugging flaky tests with screenshots, videos, and trace files
Automating report generation in CI/CD pipelines

#GitHubActions #AllureReport #VSCode #CIReporting #TypeScriptEssentials #AutomationFramework #QAEngineer #WebAutomation #SDET #PlaywrightTesting