rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-29 15:44:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: playwright tests for create request with http, gRPC, ws, graphql (#5952)

Browse Source 
* feat: added tests for request creation

* fix: add folder.bru

* add: common locators to locators.ts file

* refactor: update locators for request actions and improve test assertions across GraphQL, gRPC, HTTP, and WebSocket request tests

* fix: updated locator logic for folder requests.

* chore: implement cleanup logic for GraphQL, gRPC, HTTP, and WebSocket request tests

---------

Co-authored-by: sanish-bruno <sanish@usebruno.com>
Co-authored-by: Bijin Bruno <bijin@usebruno.com>
This commit is contained in:
Abhishek S Lal
2025-10-31 22:04:35 +05:30
committed by GitHub
parent 6826e98945
commit 396ff2b196
11 changed files with 428 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/index.js
View File

@@ -389,6 +389,7 @@ const CollectionItem = ({ item, collectionUid, collectionPathname, searchText })
style={{ color: 'rgb(160 160 160)' }}
onClick={handleFolderCollapse}
onDoubleClick={handleFolderDoubleClick}
data-testid="folder-chevron"
/>
) : null}
</div>

10
packages/bruno-app/src/components/Sidebar/NewRequest/index.js
View File

@@ -333,6 +333,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
value="http-request"
checked={formik.values.requestType === 'http-request'}
onChange={formik.handleChange}
data-testid="http-request"
/>
<label htmlFor="http-request" className="ml-1 cursor-pointer select-none">
HTTP
@@ -346,6 +347,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
value="graphql-request"
checked={formik.values.requestType === 'graphql-request'}
onChange={formik.handleChange}
data-testid="graphql-request"
/>
<label htmlFor="graphql-request" className="ml-1 cursor-pointer select-none">
GraphQL
@@ -362,6 +364,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
value="grpc-request"
checked={formik.values.requestType === 'grpc-request'}
onChange={formik.handleChange}
data-testid="grpc-request"
/>
<label htmlFor="grpc-request" className="ml-1 cursor-pointer select-none">
gRPC
@@ -376,6 +379,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
value="ws-request"
checked={formik.values.requestType === 'ws-request'}
onChange={formik.handleChange}
data-testid="ws-request"
/>
<label htmlFor="ws-request" className="ml-1 cursor-pointer select-none">
WebSocket
@@ -392,6 +396,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
value="from-curl"
checked={formik.values.requestType === 'from-curl'}
onChange={formik.handleChange}
data-testid="from-curl"
/>
<label htmlFor="from-curl" className="ml-1 cursor-pointer select-none">
From cURL
@@ -420,6 +425,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
!isEditing && formik.setFieldValue('filename', sanitizeName(e.target.value));
}}
value={formik.values.requestName || ''}
data-testid="request-name"
/>
{formik.touched.requestName && formik.errors.requestName ? (
<div className="text-red-500">{formik.errors.requestName}</div>
@@ -468,6 +474,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
spellCheck="false"
onChange={formik.handleChange}
value={formik.values.filename || ''}
data-testid="file-name"
/>
<span className="absolute right-2 top-4 flex justify-center items-center file-extension">.bru</span>
</div>
@@ -496,7 +503,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
/>
</div>
) : null}
<div id="new-request-url" className="flex px-2 items-center flex-grow input-container h-full">
<div id="new-request-url" data-testid="new-request-url" className="flex px-2 items-center flex-grow input-container h-full">
<SingleLineEditor
onPaste={handlePaste}
placeholder="Request URL"
@@ -553,6 +560,7 @@ const NewRequest = ({ collectionUid, item, isEphemeral, onClose }) => {
className="block textbox w-full mt-4 curl-command"
value={formik.values.curlCommand}
onChange={handleCurlCommandChange}
data-testid="curl-command"
></textarea>
{formik.touched.curlCommand && formik.errors.curlCommand ? (
<div className="text-red-500">{formik.errors.curlCommand}</div>