ignore .yalc directory

Author: gabrielmfern

.gitignore

@@ -7,8 +7,9 @@ node_modules
 
 # testing
 coverage
-**/*/package-lock.json
-**/*/yalc.lock
+package-lock.json
+.yalc*
+yalc.lock
 
 # next.js
 .next/

packages/render/integrations/integrations.spec.ts

@@ -38,29 +38,42 @@ describe('integrations', () => {
 
   describe('vite', () => {
     let devServer: child_process.ChildProcess;
-    beforeAll(() => {
+    beforeAll(async () => {
       const viteLocation = path.resolve(import.meta.dirname, './vite/');
       $('npm install', viteLocation);
       devServer = child_process.spawn('npm', ['run', 'dev'], {
         shell: true,
         cwd: viteLocation,
         stdio: 'pipe',
       });
-      return new Promise<void>((resolve) => {
-        devServer.on('spawn', async () => {
-          await page.goto('http://127.0.0.1:5173');
-          resolve();
-        });
-      });
+      const waitForServer = async (url: string, timeout: number) => {
+        const start = Date.now();
+        while (Date.now() - start < timeout) {
+          try {
+            await page.goto(url, { timeout: 1000 });
+            return;
+          } catch (e) {
+            await new Promise((resolve) => setTimeout(resolve, 100));
+          }
+        }
+        throw new Error(`Server at ${url} did not respond within ${timeout}ms`);
+      };
+
+      await waitForServer('http://localhost:5173', 1000);
     });
 
     afterAll(() => {
       devServer.kill();
     });
 
     it('should not error when rendering', async () => {
+      await expect(() =>
+        page.waitForSelector('[data-testid="rendered-error"]', {
+          timeout: 500,
+        }),
+      ).rejects.toThrow();
       await page.waitForSelector('[data-testid="rendered-html"]', {
-        timeout: 500
+        timeout: 500,
       });
     });
   });

packages/render/integrations/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "types": ["@vitest/browser/providers/playwright"]
+    "types": ["@vitest/browser/providers/playwright", "vitest/globals"]
   },
   "include": ["integrations.spec.ts"]
 }

packages/render/integrations/vite/.yalc/@react-email/render/license.md

@@ -4,6 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
+    "preinstall": "yalc add @react-email/render",
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",

packages/render/integrations/vite/.yalc/@react-email/render/package.json

@@ -1,6 +1,5 @@
 import { useState, useEffect } from 'react';
 import { render } from '@react-email/render';
-import './App.css';
 
 function App() {
   const [html, setHtml] = useState('');