Finalized setup and teardown scripts

test/integration/fixtures/basic-integration-test/index.test.js

@@ -0,0 +1,30 @@
+'use strict';
+const { join } = require('path');
+const { execSync, spawn } = require('child_process');
+
+beforeAll(async () => {
+  // Start a local server to serve the test project
+  const server = spawn('npx', ['serve', '-s', 'build', '-l', global.PORT], {
+    cwd: join(__dirname, 'test-project'),
+  });
+
+  // Log any server errors to the console
+  server.stderr.on('data', (data) => {
+    console.error(`stderr: ${data}`);
+  });
+
+  // Leave time for the server to initialize
+  await new Promise(resolve => {setTimeout(resolve, 3000)}); 
+});
+
+test("Should have the expected styles", async () => {
+  await page.goto(global.URL, {'waitUntil':'domcontentloaded'}); //todo: make the url changeble
+
+  const cracoTestText = await page.$eval('#craco-test', (element) => element.textContent);
+  expect(cracoTestText).toBe("CRACO is working!");
+});
+
+afterAll(() => {
+  // Stop the local server
+  execSync(`kill $(lsof -t -i:${global.PORT})`, { cwd: __dirname, stdio: 'ignore' });
+});

test/integration/fixtures/custom-postcss-config/package.json → test/integration/fixtures/basic-integration-test/test-package-files/package.json

@@ -1,14 +1,11 @@
 {
-  "name": "craco-postcss-test",
+  "name": "craco-basic-test",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "autoprefixer": "*",
-    "postcss": "*",
-    "postcss-custom-properties": "*",
-    "postcss-nested": "*",
-    "react": "*",
-    "react-dom": "*"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "web-vitals": "^3.3.1"
   },
   "scripts": {
     "start": "craco start",