@@ -34,6 +34,7 @@ import {
34
34
openAgentPage ,
35
35
fillSearchBox ,
36
36
waitForCommitOnCurrentResource ,
37
+ clickSidebarItem ,
37
38
} from './test-utils' ;
38
39
39
40
test . describe ( 'data-browser' , async ( ) => {
@@ -313,13 +314,15 @@ test.describe('data-browser', async () => {
313
314
// Create a new folder
314
315
await newResource ( 'folder' , page ) ;
315
316
// Createa sub-resource in the folder
316
- await page . click ( 'text=Untitled folder' ) ;
317
- await page . click ( 'main >> text=New Resource' ) ;
317
+ await page
318
+ . getByRole ( 'main' )
319
+ . getByRole ( 'button' , { name : 'New Resource' , exact : true } )
320
+ . click ( ) ;
318
321
await page . click ( 'button:has-text("Document")' ) ;
319
322
await page . locator ( editableTitle ) . click ( ) ;
320
323
await page . keyboard . type ( 'RAM Downloading Strategies' ) ;
321
324
await page . keyboard . press ( 'Enter' ) ;
322
- await page . click ( '[data-test="sidebar"] >> text= Untitled folder') ;
325
+ await clickSidebarItem ( ' Untitled folder', page ) ;
323
326
await expect (
324
327
page . locator (
325
328
'[data-test="folder-list"] >> text=RAM Downloading Strategies' ,
@@ -415,36 +418,34 @@ test.describe('data-browser', async () => {
415
418
// create a resource, make sure its visible in the sidebar (and after refresh)
416
419
const klass = 'folder' ;
417
420
await newResource ( klass , page ) ;
418
- await expect (
419
- page . locator ( `[data-test="sidebar"] >> text=${ klass } ` ) ,
420
- ) . toBeVisible ( ) ;
421
+ await expect ( page . getByTestId ( 'sidebar' ) . getByText ( klass ) ) . toBeVisible ( ) ;
421
422
const d0 = 'depth0' ;
422
423
await setTitle ( page , d0 ) ;
423
424
424
425
// Create a subresource, and later check it in the sidebar
425
- await page . locator ( `[data-test=" sidebar"] >> text= ${ d0 } ` ) . hover ( ) ;
426
+ await page . getByTestId ( ' sidebar' ) . getByText ( d0 ) . hover ( ) ;
426
427
await page . locator ( `[title="Create new resource under ${ d0 } "]` ) . click ( ) ;
427
428
await page . click ( `button:has-text("${ klass } ")` ) ;
428
429
const d1 = 'depth1' ;
429
430
430
431
await setTitle ( page , d1 ) ;
431
432
432
433
await expect (
433
- page . locator ( `[data-test=" sidebar"] >> text= ${ d0 } ` ) ,
434
+ page . getByTestId ( ' sidebar' ) . getByText ( d0 ) ,
434
435
"Sidebar doesn't show updated parent resource title" ,
435
436
) . toBeVisible ( ) ;
436
437
await expect (
437
- page . locator ( `[data-test=" sidebar"] >> text= ${ d1 } ` ) ,
438
+ page . getByTestId ( ' sidebar' ) . getByText ( d1 ) ,
438
439
"Sidebar doesn't show child resource title" ,
439
440
) . toBeVisible ( ) ;
440
441
await page . waitForTimeout ( 500 ) ;
441
442
await page . reload ( ) ;
442
443
await expect (
443
- page . locator ( `[data-test=" sidebar"] >> text= ${ d1 } ` ) ,
444
+ page . getByTestId ( ' sidebar' ) . getByText ( d1 ) ,
444
445
"Sidebar doesn't show parent resource resource title after refresh" ,
445
446
) . toBeVisible ( ) ;
446
447
await expect (
447
- page . locator ( `[data-test=" sidebar"] >> text= ${ d0 } ` ) ,
448
+ page . getByTestId ( ' sidebar' ) . getByText ( d0 ) ,
448
449
"Sidebar doesn't show child resource title after refresh" ,
449
450
) . toBeVisible ( ) ;
450
451
} ) ;
0 commit comments