mirror of
https://github.com/usebruno/bruno.git
synced 2026-07-08 14:35:03 +00:00
feat: enhance environment variable persistence handling (#5783)
* feat: enhance environment variable persistence handling * feat: experiment playwright with multiple workers --------- Co-authored-by: Bijin Bruno <bijin@usebruno.com>
This commit is contained in:
@@ -3,11 +3,9 @@ import fs from 'fs';
|
||||
import path from 'path';
|
||||
|
||||
test.describe.serial('bru.setEnvVar(name, value, { persist: true })', () => {
|
||||
test.setTimeout(2 * 10 * 1000);
|
||||
|
||||
test('set env var with persist using script', async ({ pageWithUserData: page, restartApp }) => {
|
||||
// Keep a copy of the original Stage.bru file
|
||||
const originalStageBruPath = path.join(__dirname, 'collection/environments/Stage.bru');
|
||||
const originalStageBruPath = path.join(__dirname, 'fixtures/collection/environments/Stage.bru');
|
||||
const originalStageBruContent = fs.readFileSync(originalStageBruPath, 'utf8');
|
||||
|
||||
// Select the collection and request
|
||||
@@ -15,24 +13,25 @@ test.describe.serial('bru.setEnvVar(name, value, { persist: true })', () => {
|
||||
await page.getByText('api-setEnvVar-with-persist', { exact: true }).click();
|
||||
|
||||
// open environment dropdown
|
||||
await page.locator('div.current-environment').click();
|
||||
await page.getByTestId('environment-selector-trigger').click();
|
||||
|
||||
// select stage environment
|
||||
await expect(page.locator('.dropdown-item').filter({ hasText: 'Stage' })).toBeVisible();
|
||||
await page.locator('.dropdown-item').filter({ hasText: 'Stage' }).click();
|
||||
await expect(page.locator('.current-environment').filter({ hasText: /Stage/ })).toBeVisible();
|
||||
await expect(page.locator('.environment-list .dropdown-item', { hasText: 'Stage' })).toBeVisible();
|
||||
await page.locator('.environment-list .dropdown-item', { hasText: 'Stage' }).click();
|
||||
await expect(page.locator('.current-environment', { hasText: 'Stage' })).toBeVisible();
|
||||
|
||||
// Send the request
|
||||
await page.locator('#send-request').getByRole('img').nth(2).click();
|
||||
await page.waitForTimeout(1000);
|
||||
await page.getByTestId('send-arrow-icon').click();
|
||||
await page.getByTestId('response-status-code').getByText(/200/).waitFor({ state: 'visible' });
|
||||
await page.waitForTimeout(100);
|
||||
|
||||
// confirm that the environment variable is set
|
||||
await page.locator('div.current-environment').click();
|
||||
|
||||
await page.getByText('Configure', { exact: true }).click();
|
||||
await page.getByTestId('environment-selector-trigger').click();
|
||||
// open environment configuration
|
||||
await page.locator('#configure-env').click();
|
||||
await expect(page.getByRole('row', { name: 'token' }).getByRole('cell').nth(1)).toBeVisible();
|
||||
await expect(page.getByRole('row', { name: 'secret' }).getByRole('cell').nth(2)).toBeVisible();
|
||||
await page.getByText('×').click();
|
||||
await page.getByTestId('modal-close-button').click();
|
||||
|
||||
// we restart the app to confirm that the environment variable is persisted
|
||||
const newApp = await restartApp();
|
||||
@@ -43,13 +42,13 @@ test.describe.serial('bru.setEnvVar(name, value, { persist: true })', () => {
|
||||
await newPage.getByText('api-setEnvVar-with-persist', { exact: true }).click();
|
||||
|
||||
// open environment dropdown
|
||||
await newPage.locator('div.current-environment').click();
|
||||
await newPage.getByText('Configure', { exact: true }).click();
|
||||
await newPage.getByTestId('environment-selector-trigger').click();
|
||||
await newPage.locator('#configure-env').click();
|
||||
await expect(newPage.getByRole('row', { name: 'token' }).getByRole('cell').nth(1)).toBeVisible();
|
||||
await expect(newPage.getByRole('row', { name: 'secret' }).getByRole('cell').nth(2)).toBeVisible();
|
||||
|
||||
// close the environment modal
|
||||
await newPage.getByText('×').click();
|
||||
await newPage.getByTestId('modal-close-button').click();
|
||||
|
||||
// Restore the original Stage.bru file
|
||||
fs.writeFileSync(originalStageBruPath, originalStageBruContent);
|
||||
|
||||
@@ -1,31 +1,30 @@
|
||||
import { test, expect } from '../../../playwright';
|
||||
|
||||
test.describe.serial('bru.setEnvVar(name, value)', () => {
|
||||
test.setTimeout(2 * 10 * 1000);
|
||||
|
||||
test('set env var using script', async ({ pageWithUserData: page, restartApp }) => {
|
||||
// Select the collection and request
|
||||
await page.locator('#sidebar-collection-name').click();
|
||||
await page.getByText('api-setEnvVar-without-persist', { exact: true }).click();
|
||||
|
||||
// open environment dropdown
|
||||
await page.locator('div.current-environment').click();
|
||||
await page.getByTestId('environment-selector-trigger').click();
|
||||
|
||||
// select stage environment
|
||||
await expect(page.locator('.dropdown-item').filter({ hasText: 'Stage' })).toBeVisible();
|
||||
await page.locator('.dropdown-item').filter({ hasText: 'Stage' }).click();
|
||||
await expect(page.locator('.current-environment').filter({ hasText: /Stage/ })).toBeVisible();
|
||||
await expect(page.locator('.environment-list .dropdown-item', { hasText: 'Stage' })).toBeVisible();
|
||||
await page.locator('.environment-list .dropdown-item', { hasText: 'Stage' }).click();
|
||||
await expect(page.locator('.current-environment', { hasText: 'Stage' })).toBeVisible();
|
||||
|
||||
// Send the request
|
||||
await page.locator('#send-request').getByRole('img').nth(2).click();
|
||||
await page.waitForTimeout(1000);
|
||||
await page.getByTestId('send-arrow-icon').click();
|
||||
await page.getByTestId('response-status-code').getByText(/200/).waitFor({ state: 'visible' });
|
||||
await page.waitForTimeout(100);
|
||||
|
||||
// confirm that the environment variable is set
|
||||
await page.locator('div.current-environment').click();
|
||||
await page.getByText('Configure', { exact: true }).click();
|
||||
await page.getByTestId('environment-selector-trigger').click();
|
||||
await page.locator('#configure-env').click();
|
||||
await expect(page.getByRole('row', { name: 'token' }).getByRole('cell').nth(1)).toBeVisible();
|
||||
await expect(page.getByRole('row', { name: 'secret' }).getByRole('cell').nth(2)).toBeVisible();
|
||||
await page.getByText('×').click();
|
||||
await page.getByTestId('modal-close-button').click();
|
||||
|
||||
// we restart the app to confirm that the environment variable is not persisted
|
||||
const newApp = await restartApp();
|
||||
@@ -36,14 +35,14 @@ test.describe.serial('bru.setEnvVar(name, value)', () => {
|
||||
await newPage.getByText('api-setEnvVar-without-persist', { exact: true }).click();
|
||||
|
||||
// open environment dropdown
|
||||
await newPage.locator('div.current-environment').click();
|
||||
await newPage.getByText('Configure', { exact: true }).click();
|
||||
await newPage.getByTestId('environment-selector-trigger').click();
|
||||
await newPage.locator('#configure-env').click();
|
||||
|
||||
// ensure that the environment variable is not persisted
|
||||
await expect(newPage.locator('table.environment-variables tbody')).not.toContainText('token');
|
||||
|
||||
// close the environment variable modal
|
||||
await newPage.getByText('×').click();
|
||||
await newPage.getByTestId('modal-close-button').click();
|
||||
await newPage.close();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
vars {
|
||||
host: https://testbench-sanity.usebruno.com
|
||||
token: secret
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
vars {
|
||||
host: https://testbench-sanity.usebruno.com
|
||||
token: secret
|
||||
multiple-persist-vars-key1: value1
|
||||
multiple-persist-vars-key2: value2
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
meta {
|
||||
name: multiple-persist-vars-folder
|
||||
type: folder
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
meta {
|
||||
name: multiple-persist-vars-1
|
||||
type: http
|
||||
seq: 1
|
||||
}
|
||||
|
||||
get {
|
||||
url: {{host}}/ping
|
||||
body: none
|
||||
auth: none
|
||||
}
|
||||
|
||||
script:pre-request {
|
||||
bru.setEnvVar("multiple-persist-vars-key1", "value1", { persist: true });
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
meta {
|
||||
name: multiple-persist-vars-2
|
||||
type: http
|
||||
seq: 2
|
||||
}
|
||||
|
||||
get {
|
||||
url: {{host}}/ping
|
||||
body: none
|
||||
auth: none
|
||||
}
|
||||
|
||||
script:pre-request {
|
||||
bru.setEnvVar("multiple-persist-vars-key2", "value2", { persist: true });
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"collections": [
|
||||
{
|
||||
"path": "{{projectRoot}}/tests/environments/api-setEnvVar/collection",
|
||||
"path": "{{projectRoot}}/tests/environments/api-setEnvVar/fixtures/collection",
|
||||
"securityConfig": {
|
||||
"jsSandboxMode": "safe"
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"maximized": true,
|
||||
"maximized": false,
|
||||
"lastOpenedCollections": [
|
||||
"{{projectRoot}}/tests/environments/api-setEnvVar/collection"
|
||||
"{{projectRoot}}/tests/environments/api-setEnvVar/fixtures/collection"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
import { test, expect } from '../../../playwright';
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
|
||||
test.describe.serial('bru.setEnvVar multiple persistent variables', () => {
|
||||
test.afterEach(async ({ pageWithUserData: page }) => {
|
||||
// Clean up test environment variables after each test
|
||||
try {
|
||||
// Check if the page is still valid before attempting cleanup
|
||||
if (page && !page.isClosed()) {
|
||||
await page.locator('#sidebar-collection-name').click();
|
||||
await page.getByTestId('environment-selector-trigger').click();
|
||||
await page.locator('#configure-env').click();
|
||||
|
||||
// Remove the test environment variables
|
||||
const key1Row = page.getByRole('row', { name: 'multiple-persist-vars-key1' });
|
||||
if (await key1Row.isVisible()) {
|
||||
await key1Row.getByRole('button').click(); // Click the delete button
|
||||
}
|
||||
|
||||
const key2Row = page.getByRole('row', { name: 'multiple-persist-vars-key2' });
|
||||
if (await key2Row.isVisible()) {
|
||||
await key2Row.getByRole('button').click(); // Click the delete button
|
||||
}
|
||||
|
||||
await page.getByTestId('modal-close-button').click();
|
||||
}
|
||||
} catch (error) {
|
||||
// Ignore cleanup errors to avoid masking test failures
|
||||
console.log('Cleanup failed:', error);
|
||||
}
|
||||
});
|
||||
|
||||
test('should persist multiple environment variables from different requests', async ({ pageWithUserData: page }) => {
|
||||
await test.step('Select collection', async () => {
|
||||
await page.locator('#sidebar-collection-name').click();
|
||||
// The collection name should be 'collection' based on the test setup
|
||||
await expect(page.locator('#sidebar-collection-name').filter({ hasText: 'collection' })).toBeVisible();
|
||||
});
|
||||
|
||||
await test.step('Select stage environment', async () => {
|
||||
await page.getByTestId('environment-selector-trigger').click();
|
||||
await expect(page.locator('.environment-list .dropdown-item', { hasText: 'Stage' })).toBeVisible();
|
||||
await page.locator('.environment-list .dropdown-item', { hasText: 'Stage' }).click();
|
||||
await expect(page.locator('.current-environment', { hasText: 'Stage' })).toBeVisible();
|
||||
});
|
||||
|
||||
await test.step('Run the folder containing both requests', async () => {
|
||||
// Ensure we're in the correct collection context before selecting the folder
|
||||
await expect(page.locator('#sidebar-collection-name', { hasText: 'collection' })).toBeVisible();
|
||||
|
||||
// Right-click on the folder to open context menu
|
||||
await page.getByText('multiple-persist-vars-folder', { exact: true }).click({ button: 'right' });
|
||||
|
||||
// Click on Run option
|
||||
await page.getByText('Run', { exact: true }).click();
|
||||
|
||||
// Click Run button in the modal
|
||||
await page.getByRole('button', { name: 'Run', exact: true }).click();
|
||||
|
||||
// Wait for the folder to finish running
|
||||
await page.getByRole('button', { name: 'Run Again' }).waitFor({ timeout: 30000 });
|
||||
});
|
||||
|
||||
await test.step('Verify both environment variables are set in UI', async () => {
|
||||
// Ensure we're still in the correct collection context
|
||||
await expect(page.locator('#sidebar-collection-name', { hasText: 'collection' })).toBeVisible();
|
||||
|
||||
await page.getByTestId('environment-selector-trigger').click();
|
||||
await page.locator('#configure-env').click();
|
||||
await expect(page.getByRole('row', { name: 'multiple-persist-vars-key1' }).getByRole('cell').nth(1)).toBeVisible();
|
||||
await expect(page.getByRole('row', { name: 'value1' }).getByRole('cell').nth(2)).toBeVisible();
|
||||
await expect(page.getByRole('row', { name: 'multiple-persist-vars-key2' }).getByRole('cell').nth(1)).toBeVisible();
|
||||
await expect(page.getByRole('row', { name: 'value2' }).getByRole('cell').nth(2)).toBeVisible();
|
||||
await page.getByTestId('modal-close-button').click();
|
||||
});
|
||||
|
||||
await test.step('Verify variables are persisted to file', async () => {
|
||||
// Check that the variables are written to the Stage.bru file
|
||||
const stageBruPath = path.join(__dirname, 'fixtures/collection/environments/Stage.bru');
|
||||
const stageBruContent = fs.readFileSync(stageBruPath, 'utf8');
|
||||
|
||||
// Both variables should be present in the file
|
||||
expect(stageBruContent).toContain('multiple-persist-vars-key1');
|
||||
expect(stageBruContent).toContain('value1');
|
||||
expect(stageBruContent).toContain('multiple-persist-vars-key2');
|
||||
expect(stageBruContent).toContain('value2');
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user