mirror of
https://github.com/usebruno/bruno.git
synced 2026-07-07 22:18:33 +00:00
30d2a6d141
* Refactor dropdown components to use MenuDropdown for improved functionality and keyboard accessibility - Replaced Dropdown with MenuDropdown in various components including BodyModeSelector, AuthMode, and RequestBodyMode. - Updated styles and structure for better usability and accessibility. - Removed unused Dropdown component and its associated styles. - Enhanced action buttons in ResponsePane and Collection components with ActionIcon for better UI consistency. * fix: Update HttpMethodSelector styles and tests for improved accessibility - Changed the class name for the "Add Custom" button to include 'text-link' for better styling. - Updated tests to use role-based queries for dropdown items, enhancing accessibility checks. - Ensured the correct application of classes in tests to reflect the updated structure. * refactor: Improve component accessibility and consistency * fix: update hover behavior for collection actions menu in runner.ts * refactor: streamline hover interactions for collection actions across tests * refactor: enhance component structure and accessibility across response actions * fix: correct fill property syntax in StyledWrapper for consistent styling * refactor: simplify isDisabled logic in response components for clarity * fix: correct tabIndex logic in ResponseCopy component for improved accessibility * fix: update tabIndex logic in ResponseBookmark component for improved accessibility * fix: enable action buttons in ResponsePaneActions for improved usability * refactor: remove unnecessary tabIndex attributes in response components for improved accessibility * refactor: remove keyDown event handlers from response components for cleaner interaction * refactor: remove SidebarHeader component and related styles for improved structure
78 lines
4.0 KiB
TypeScript
78 lines
4.0 KiB
TypeScript
import { test, expect } from '../../../playwright';
|
|
import { openCollectionAndAcceptSandbox } from '../../utils/page/actions';
|
|
import { getTableCell } from '../../utils/page/locators';
|
|
|
|
test('should persist request with newlines across app restarts', async ({ createTmpDir, launchElectronApp }) => {
|
|
const userDataPath = await createTmpDir('newlines-persistence-userdata');
|
|
const collectionPath = await createTmpDir('newlines-persistence-collection');
|
|
|
|
// Create collection and request
|
|
const app1 = await launchElectronApp({ userDataPath });
|
|
const page = await app1.firstWindow();
|
|
|
|
await page.getByTestId('collections-header-add-menu').click();
|
|
await page.locator('.tippy-box .dropdown-item').filter({ hasText: 'Create collection' }).click();
|
|
await page.locator('.bruno-modal').getByLabel('Name').fill('newlines-persistence');
|
|
await page.locator('.bruno-modal').getByLabel('Location').fill(collectionPath);
|
|
await page.locator('.bruno-modal').getByRole('button', { name: 'Create' }).click();
|
|
|
|
const collection = page.getByTestId('collections').locator('.collection-name').filter({ hasText: 'newlines-persistence' });
|
|
await collection.hover();
|
|
await collection.locator('.collection-actions .icon').click();
|
|
await page.locator('.dropdown-item').filter({ hasText: 'New Request' }).click();
|
|
await page.getByPlaceholder('Request Name').fill('persistence-test');
|
|
await page.locator('#new-request-url').locator('.CodeMirror').click();
|
|
await page.locator('#new-request-url').locator('textarea').fill('https://httpbin.org/get');
|
|
await page.locator('.bruno-modal').getByRole('button', { name: 'Create', exact: true }).click();
|
|
|
|
await openCollectionAndAcceptSandbox(page, 'newlines-persistence', 'safe');
|
|
await page.locator('.collection-item-name').filter({ hasText: 'persistence-test' }).dblclick();
|
|
|
|
await page.getByRole('tab', { name: 'Params' }).click();
|
|
const paramRow = page.locator('table tbody tr').first();
|
|
await getTableCell(paramRow, 0).getByRole('textbox').fill('queryParamKey');
|
|
|
|
await page.getByRole('tab', { name: 'Headers' }).click();
|
|
const headerRow = page.locator('table tbody tr').first();
|
|
await getTableCell(headerRow, 0).locator('.CodeMirror').click();
|
|
await getTableCell(headerRow, 0).locator('textarea').fill('headerKey');
|
|
await getTableCell(headerRow, 1).locator('.CodeMirror').click();
|
|
await getTableCell(headerRow, 1).locator('textarea').fill('header\nValue');
|
|
|
|
await page.getByRole('tab', { name: 'Vars' }).click();
|
|
const preReqRow = page.locator('table').first().locator('tbody tr').first();
|
|
await getTableCell(preReqRow, 0).getByRole('textbox').fill('preRequestVar');
|
|
await getTableCell(preReqRow, 1).locator('.CodeMirror').click();
|
|
await getTableCell(preReqRow, 1).locator('textarea').fill('pre\nRequest\nValue');
|
|
|
|
const postResRow = page.locator('table').nth(1).locator('tbody tr').first();
|
|
await getTableCell(postResRow, 0).getByRole('textbox').fill('postResponseVar');
|
|
await getTableCell(postResRow, 1).locator('.CodeMirror').click();
|
|
await getTableCell(postResRow, 1).locator('textarea').fill('post\nResponse\nValue');
|
|
|
|
await page.keyboard.press('Meta+s');
|
|
await app1.close();
|
|
|
|
// Verify persistence after restart
|
|
const app2 = await launchElectronApp({ userDataPath });
|
|
const page2 = await app2.firstWindow();
|
|
|
|
await page2.getByTestId('collections').locator('.collection-name').filter({ hasText: 'newlines-persistence' }).click();
|
|
await page2.locator('.collection-item-name').filter({ hasText: 'persistence-test' }).dblclick();
|
|
|
|
// Verify params persisted
|
|
await page2.getByRole('tab', { name: 'Params' }).click();
|
|
await expect(page2.locator('table tbody tr')).toHaveCount(2);
|
|
|
|
// Verify headers persisted
|
|
await page2.getByRole('tab', { name: 'Headers' }).click();
|
|
await expect(page2.locator('table tbody tr')).toHaveCount(2);
|
|
|
|
// Verify vars persisted
|
|
await page2.getByRole('tab', { name: 'Vars' }).click();
|
|
await expect(page2.locator('table').first().locator('tbody tr')).toHaveCount(2);
|
|
await expect(page2.locator('table').nth(1).locator('tbody tr')).toHaveCount(2);
|
|
|
|
await app2.close();
|
|
});
|