mirror of
https://github.com/usebruno/bruno.git
synced 2026-07-07 14:08:38 +00:00
88 lines
4.6 KiB
TypeScript
88 lines
4.6 KiB
TypeScript
import { test, expect } from '../../../playwright';
|
||
import path from 'path';
|
||
import { closeAllCollections } from '../../utils/page';
|
||
|
||
test.describe('Collection Environment Import Tests', () => {
|
||
test.afterAll(async ({ page }) => {
|
||
await closeAllCollections(page);
|
||
});
|
||
|
||
test('should import collection environment from file', async ({ page, createTmpDir }) => {
|
||
const openApiFile = path.join(__dirname, 'fixtures', 'collection.json');
|
||
const envFile = path.join(__dirname, 'fixtures', 'collection-env.json');
|
||
|
||
// Import test collection
|
||
await page.locator('.plus-icon-button').click();
|
||
await page.locator('.tippy-box .dropdown-item').filter({ hasText: 'Import collection' }).click();
|
||
|
||
const importModal = page.locator('[data-testid="import-collection-modal"]');
|
||
await importModal.waitFor({ state: 'visible' });
|
||
|
||
await page.setInputFiles('input[type="file"]', openApiFile);
|
||
|
||
const locationModal = page.locator('[data-testid="import-collection-location-modal"]');
|
||
await expect(locationModal.locator('.bruno-modal-header-title')).toContainText('Import Collection');
|
||
await expect(locationModal.getByText('Environment Test Collection')).toBeVisible();
|
||
|
||
// Select a location and import
|
||
await page.locator('#collection-location').fill(await createTmpDir('collection-env-import-test'));
|
||
await locationModal.getByRole('button', { name: 'Import' }).click();
|
||
|
||
await expect(
|
||
page.locator('#sidebar-collection-name').filter({ hasText: 'Environment Test Collection' })).toBeVisible({ timeout: 10000 });
|
||
|
||
// Configure collection
|
||
await page.locator('#sidebar-collection-name').filter({ hasText: 'Environment Test Collection' }).click();
|
||
await page.getByLabel('Safe Mode').check();
|
||
await page.getByRole('button', { name: 'Save' }).click();
|
||
|
||
// Import collection environment
|
||
await page.locator('[data-testid="environment-selector-trigger"]').click();
|
||
await expect(page.locator('[data-testid="env-tab-collection"]')).toHaveClass(/active/);
|
||
await page.locator('button[id="import-env"]').click();
|
||
const importEnvModal = page.locator('[data-testid="import-environment-modal"]');
|
||
await expect(importEnvModal).toBeVisible();
|
||
|
||
// Import environment file
|
||
const fileChooserPromise = page.waitForEvent('filechooser');
|
||
await page.getByTestId('import-environment').click();
|
||
const fileChooser = await fileChooserPromise;
|
||
await fileChooser.setFiles(envFile);
|
||
|
||
// Wait for import to complete and environment settings modal to open
|
||
await expect(page.locator('.current-environment')).toContainText('Test Collection Environment');
|
||
|
||
// The environment settings modal should now be visible with the imported environment
|
||
const envSettingsModal = page.locator('.bruno-modal').filter({ hasText: 'Environments' });
|
||
await expect(envSettingsModal).toBeVisible();
|
||
|
||
// Verify imported variables in Test Collection Environment settings
|
||
await expect(envSettingsModal.locator('input[name="0.name"]')).toHaveValue('host');
|
||
await expect(envSettingsModal.locator('input[name="1.name"]')).toHaveValue('userId');
|
||
await expect(envSettingsModal.locator('input[name="2.name"]')).toHaveValue('apiKey');
|
||
await expect(envSettingsModal.locator('input[name="3.name"]')).toHaveValue('postTitle');
|
||
await expect(envSettingsModal.locator('input[name="4.name"]')).toHaveValue('postBody');
|
||
await expect(envSettingsModal.locator('input[name="5.name"]')).toHaveValue('secretApiToken');
|
||
await expect(envSettingsModal.locator('input[name="5.secret"]')).toBeChecked();
|
||
await page.getByText('×').click();
|
||
|
||
// Test GET request with imported environment
|
||
await page.locator('.collection-item-name').first().click();
|
||
await expect(page.locator('#request-url .CodeMirror-line')).toContainText('{{host}}/posts/{{userId}}');
|
||
await page.locator('[data-testid="send-arrow-icon"]').click();
|
||
await page.locator('[data-testid="response-status-code"]').waitFor({ state: 'visible' });
|
||
await expect(page.locator('[data-testid="response-status-code"]')).toContainText('200');
|
||
|
||
// Verify the JSON response contains the interpolated userId
|
||
const responsePane = page.locator('.response-pane');
|
||
await expect(responsePane).toContainText('"userId": 1');
|
||
|
||
// Test POST request
|
||
await page.locator('.collection-item-name').nth(1).click();
|
||
await expect(page.locator('#request-url .CodeMirror-line')).toContainText('{{host}}/posts');
|
||
await page.locator('[data-testid="send-arrow-icon"]').click();
|
||
await page.locator('[data-testid="response-status-code"]').waitFor({ state: 'visible' });
|
||
await expect(page.locator('[data-testid="response-status-code"]')).toContainText('201');
|
||
});
|
||
});
|