test: fix output integration tests

axe312ger · axe312ger · commit 0432433d16c1 · 2024-11-26T11:55:02.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,5 @@
 dist
 gh-pages
-test/output-integration/browser/public/contentful*.js
 
 # Esdoc dirs
 out
diff --git a/test/output-integration/browser/.gitignore b/test/output-integration/browser/.gitignore
@@ -0,0 +1,2 @@
+public/contentful*.js
+public/env.js
diff --git a/test/output-integration/browser/package.json b/test/output-integration/browser/package.json
@@ -7,7 +7,9 @@
   "scripts": {
     "test": "vitest --run",
     "dev": "npx serve public",
-    "preinstall": "cp ../../../dist/contentful-management.browser.min.js ./public/."
+    "preinstall": "npm run preinstall:bundle && npm run preinstall:env",
+    "preinstall:bundle": "cp ../../../dist/contentful-management.browser.min.js ./public/.",
+    "preinstall:env": "node scripts/inject-env.js"
   },
   "author": "",
   "license": "ISC",
diff --git a/test/output-integration/browser/public/index.html b/test/output-integration/browser/public/index.html
@@ -7,6 +7,7 @@
     <title>contentful-management.js Test Page</title>
   </head>
   <body>
+    <script src="./env.js"></script>
     <script src="./contentful-management.browser.min.js"></script>
     <script src="./index.js"></script>
     <div id="content">This text should be replaced by the response</div>
diff --git a/test/output-integration/browser/public/index.js b/test/output-integration/browser/public/index.js
@@ -7,7 +7,7 @@ async function run() {
     accessToken: process.env.CONTENTFUL_INTEGRATION_TEST_CMA_TOKEN,
   })
 
-  const response = await client.getEntry('nyancat')
+  const response = await client.getSpace('segpl12szpe6')
 
   const loadedDiv = document.createElement('div')
   loadedDiv.id = 'contentful-management-loaded'
diff --git a/test/output-integration/browser/scripts/inject-env.js b/test/output-integration/browser/scripts/inject-env.js
@@ -0,0 +1,27 @@
+import fs from 'fs'
+import { resolve } from 'path'
+import * as url from 'url'
+
+// Define the path for the output file
+const outputPath = resolve(
+  url.fileURLToPath(new URL('.', import.meta.url)),
+  '..',
+  'public',
+  'env.js'
+)
+
+// Convert process.env into a JS object with JSON.stringify
+const envVariables = Object.keys(process.env).reduce((acc, key) => {
+  acc[key] = process.env[key]
+  return acc
+}, {})
+
+// Write the JS file that exports the environment variables
+const fileContent = `
+// Auto-generated file for exposing environment variables (testing purposes only - do not do this in production)
+const process = { env: ${JSON.stringify(envVariables, null, 2)} };
+`
+
+fs.writeFileSync(outputPath, fileContent, 'utf8')
+
+console.log(`Environment variables written to ${outputPath}`)
diff --git a/test/output-integration/browser/test/index.test.js b/test/output-integration/browser/test/index.test.js
@@ -5,7 +5,7 @@ import { version as packageVersion } from '../../../../package.json'
 describe('contentful-management.js Browser Test', () => {
   it('Entry has been loaded successfully', async () => {
     const text = await page.$eval('#content', (el) => el.innerHTML)
-    expect(text).toEqual('nyancat')
+    expect(text).toEqual('segpl12szpe6')
   })
 
   it('Has correct user agent version', async () => {
diff --git a/test/output-integration/browser/vitest.setup.ts b/test/output-integration/browser/vitest.setup.ts
@@ -8,8 +8,7 @@ let page: Page
 
 beforeAll(async () => {
   browser = await puppeteer.launch({
-    headless: false,
-    product: 'firefox',
+    headless: true,
   })
 })
 
@@ -21,7 +20,7 @@ beforeEach(async () => {
 
   await page.goto(`file:${path.join(__dirname, 'public/index.html')}`)
 
-  await page.waitForSelector('#contentful-loaded', { timeout: 5_000 })
+  await page.waitForSelector('#contentful-management-loaded', { timeout: 5_000 })
 })
 
 afterAll(async () => {

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+public/contentful*.js`
	`2`	`+public/env.js`