extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2024-12-25 08:09:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: Create Collection e2e test (#50)

Browse Source 
* add selector IDs
* add Create Collection e2e test
This commit is contained in:
depa panjie purnama 2022-10-26 23:29:37 +07:00 committed by GitHub
parent c0698adcb3
commit 90a29918d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/bruno-app/src/components/RequestPane/QueryUrl/index.js
View File

@ -49,7 +49,7 @@ const QueryUrl = ({ item, collection, handleRun }) => {
spellCheck="false"
onChange={(event) => onUrlChange(event.target.value)}
/>
<div className="flex items-center h-full mr-2 cursor-pointer" onClick={handleRun}>
<div className="flex items-center h-full mr-2 cursor-pointer" id="send-request" onClick={handleRun}>
<SendIcon color={theme.requestTabPanel.url.icon} width={22}/>
</div>
</div>

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

@ -82,7 +82,7 @@ const Collection = ({ collection, searchText }) => {
<div className="flex py-1 collection-name items-center">
<div className="flex flex-grow items-center" onClick={handleClick}>
<IconChevronRight size={16} strokeWidth={2} className={iconClassName} style={{ width: 16, color: 'rgb(160 160 160)' }} />
<div className="ml-1">{collection.name}</div>
<div className="ml-1" id="sidebar-collection-name">{collection.name}</div>
</div>
<div className="collection-actions">
<Dropdown onCreate={onMenuDropdownCreate} icon={<MenuIcon />} placement="bottom-start">

8
packages/bruno-app/src/components/Welcome/index.js
View File

@ -73,23 +73,23 @@ const Welcome = () => {
<div className="mt-4 flex items-center collection-options select-none">
<div className="flex items-center">
<IconPlus size={18} strokeWidth={2} />
<span className="label ml-2" onClick={() => setCreateCollectionModalOpen(true)}>
<span className="label ml-2" id="create-collection" onClick={() => setCreateCollectionModalOpen(true)}>
Create Collection
</span>
</div>
<div className="flex items-center ml-6">
<IconFiles size={18} strokeWidth={2} />
<span className="label ml-2" onClick={() => setAddCollectionToWSModalOpen(true)}>
<span className="label ml-2" id="add-collection" onClick={() => setAddCollectionToWSModalOpen(true)}>
Add Collection to Workspace
</span>
</div>
<div className="flex items-center ml-6" onClick={handleImportCollection}>
<IconUpload size={18} strokeWidth={2} />
<span className="label ml-2">Import Collection</span>
<span className="label ml-2" id="import-collection">Import Collection</span>
</div>
<div className="flex items-center ml-6" onClick={handleImportSampleCollection}>
<IconPlayerPlay size={18} strokeWidth={2} />
<span className="label ml-2">Load Sample Collection</span>
<span className="label ml-2" id="load-sample-collection">Load Sample Collection</span>
</div>
</div>

6
tests/home.spec.js
View File

@ -14,6 +14,7 @@ test.describe('bruno e2e test', () => {
test('user should be able to load & use sample collection', async () => {
await homePage.loadSampleCollection();
await expect(homePage.loadSampleCollectionToastSuccess).toBeVisible();
await homePage.getUsers();
await expect(homePage.statusRequestSuccess).toBeVisible();
@ -31,4 +32,9 @@ test.describe('bruno e2e test', () => {
await expect(homePage.statusRequestSuccess).toBeVisible();
});
test('user should be able to create new collection', async () => {
await homePage.createCollection('test');
await expect(homePage.createCollectionToastSuccess).toBeVisible();
})
});

27
tests/pages/home.page.js
View File

@ -1,17 +1,32 @@
exports.HomePage = class HomePage {
constructor(page) {
this.page = page;
this.loadSampleCollectionSelector = page.getByText('Load Sample Collection');
this.sampeCollectionSelector = page.getByText('sample-collection');
// welcome
this.createCollectionSelector = page.locator('#create-collection');
this.addCollectionSelector = page.locator('#add-collection');
this.importCollectionSelector = page.locator('#import-collection');
this.loadSampleCollectionSelector = page.locator('#load-sample-collection');
// sample collection
this.loadSampleCollectionToastSuccess = page.getByText('Sample Collection loaded successfully');
this.sampeCollectionSelector = page.locator('#sidebar-collection-name');
this.getUsersSelector = page.getByText('Users');
this.getSingleUserSelector = page.getByText('Single User');
this.getUserNotFoundSelector = page.getByText('User Not Found');
this.postCreateSelector = page.getByText('Create');
this.putUpdateSelector = page.getByText('Update');
this.sendRequestButton = page.locator('div:nth-child(2) > .flex > svg');
// request panel
this.sendRequestButton = page.locator('#send-request');
this.statusRequestSuccess = page.getByText('200 OK');
this.statusRequestNotFound = page.getByText('404 Not Found');
this.statusRequestCreated = page.getByText('201 Created');
// create collection
this.collectionNameField = page.locator('#collection-name');
this.submitButton = page.locator(`button[type='submit']`);
this.createCollectionToastSuccess = page.getByText('Collection created');
}
async open() {
@ -47,4 +62,10 @@ exports.HomePage = class HomePage {
await this.putUpdateSelector.click();
await this.sendRequestButton.click();
}
async createCollection(collectionName) {
await this.createCollectionSelector.click();
await this.collectionNameField.fill(collectionName);
await this.submitButton.click();
}
}