Bump @types/react from 19.0.0 to 19.1.1 #48
Workflow file for this run
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: "Flawless Integration" | |
| on: | |
| push: | |
| branches: ["main"] | |
| pull_request: | |
| branches: ["main"] | |
| jobs: | |
| integration: | |
| name: Analyze Integration | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout Repository | |
| uses: actions/checkout@v4 | |
| - name: Setup Node.js | |
| uses: actions/setup-node@v3 | |
| with: | |
| node-version: 22 | |
| - name: Install Dependencies | |
| run: npm i | |
| - name: Execute Rollup Script | |
| run: npm run rollup | |
| - name: Publish Repository to Yalc | |
| run: npx yalc publish | |
| - name: Create Integration Project | |
| run: npx create-react-app integration --template typescript | |
| - name: Use Package in Integration Project | |
| run: | | |
| cd integration | |
| npx yalc add fetch-loading | |
| npm i | |
| cat package.json | grep fetch-loading || exit 1 | |
| - name: Override App.jsx | |
| run: | | |
| cat <<EOF > integration/src/App.tsx | |
| import { FetchLoading } from 'fetch-loading' | |
| const App = () => { | |
| return <FetchLoading /> | |
| } | |
| export default App | |
| EOF | |
| - name: Install Puppeteer | |
| run: | | |
| cd integration | |
| npm i puppeteer | |
| - name: Build Integration Project | |
| run: | | |
| cd integration | |
| npm run build || exit 1 | |
| - name: Create Puppeteer Script | |
| run: | | |
| cat <<EOF > integration/integration.mjs | |
| import puppeteer from 'puppeteer' | |
| (async () => { | |
| const browser = await puppeteer.launch({ | |
| args: ['--no-sandbox', '--disable-setuid-sandbox'], | |
| }) | |
| const page = await browser.newPage() | |
| await page.goto('http://localhost:3000', { waitUntil: 'networkidle0' }) | |
| await page.waitForSelector('div[style*="display: flex"]', { timeout: 5000 }) | |
| .catch(() => { | |
| process.exit(1) | |
| }) | |
| await browser.close() | |
| })() | |
| EOF | |
| - name: Test for FetchLoading Component | |
| run: | | |
| cd integration | |
| npm start & | |
| sleep 60 | |
| node integration.mjs |