@ -59,131 +59,106 @@ function createContactName(did: string): string {
return "User " + did . slice ( 11 , 14 ) ; return "User " + did . slice ( 11 , 14 ) ;
} }
export async function deleteContact ( page : Page , did : string ) : Promise < void > { export async function deleteContact ( page : Page , did : string , contactName : string ) {
console . log ( '[DEBUG] deleteContact: Starting deletion for DID:' , did ) ; // Navigate to contacts page
await page . goto ( './contacts' ) ; await page . goto ( './contacts' ) ;
console . log ( '[DEBUG] deleteContact: Navigated to contacts page' ) ;
// Wait for the page to load completely
// Wait for page to load completely
await page . waitForLoadState ( 'networkidle' ) ; await page . waitForLoadState ( 'networkidle' ) ;
console . log ( '[DEBUG] deleteContact: Page load completed' ) ;
// Check if there are any loading indicators or filters active
const loadingIndicator = page . locator ( '[data-testid*="loading"], .loading, .spinner' ) ;
const loadingCount = await loadingIndicator . count ( ) ;
console . log ( '[DEBUG] deleteContact: Loading indicators found:' , loadingCount ) ;
// Check for any filter or state buttons that might be active
// Check if we need to hide the "Show Actions" view first
const showGiveNumbers = page . locator ( 'button:has-text("Hide Actions")' ) ; const loadingCount = await page . locator ( '.loading-indicator' ) . count ( ) ;
const showGiveNumbersExists = await showGiveNumbers . count ( ) ; if ( loadingCount > 0 ) {
console . log ( '[DEBUG] deleteContact: "Hide Actions" button exists (showing give numbers):' , showGiveNumbersExists > 0 ) ; await page . locator ( '.loading-indicator' ) . first ( ) . waitFor ( { state : 'hidden' } ) ;
}
// Check if "Hide Actions" button exists (meaning we're in the give numbers view)
const showGiveNumbersExists = await page . getByRole ( 'button' , { name : 'Hide Actions' } ) . count ( ) ;
if ( showGiveNumbersExists > 0 ) { if ( showGiveNumbersExists > 0 ) {
console . log ( '[DEBUG] deleteContact: Clicking "Hide Actions" to show normal view' ) ; await page . getByRole ( 'button' , { name : 'Hide Actions' } ) . click ( ) ;
await showGiveNumbers . click ( ) ;
await page . waitForTimeout ( 1000 ) ; // Wait for UI to update
} }
const contactName = createContactName ( did ) ; // Look for the contact by name
console . log ( '[DEBUG] deleteContact: Looking for contact with name:' , contactName ) ; const contactItems = page . locator ( 'li[data-testid="contactListItem"]' ) ;
// First, let's see what contacts are actually on the page
const contactItems = await page . locator ( 'li[data-testid="contactListItem"]' ) ;
const contactCount = await contactItems . count ( ) ; const contactCount = await contactItems . count ( ) ;
console . log ( '[DEBUG] deleteContact: Found contact items on page:' , contactCount ) ;
// Log all contact names visible on the page
for ( let i = 0 ; i < contactCount ; i ++ ) {
const contactItem = contactItems . nth ( i ) ;
const nameElement = contactItem . locator ( 'h2' ) ;
const nameText = await nameElement . textContent ( ) ;
console . log ( '[DEBUG] deleteContact: Contact' , i , ':' , nameText ) ;
}
// If no contacts found, let's take a screenshot to see what's on the page
// Debug: Print all contact names if no match found
if ( contactCount === 0 ) { if ( contactCount === 0 ) {
console . log ( '[DEBUG] deleteContact: No contacts found, taking screenshot' ) ; await page . screenshot ( { path : 'debug-no-contacts.png' } ) ;
await page . screenshot ( { path : 'debug-no-contacts.png' , fullPage : true } ) ; throw new Error ( ` No contacts found on page. Screenshot saved as debug-no-contacts.png ` ) ;
console . log ( '[DEBUG] deleteContact: Screenshot saved as debug-no-contacts.png' ) ;
} }
// Try to find the contact list item with the expected name
// Check if our contact exists
const contactListItem = page . locator ( ` li[data-testid="contactListItem"]:has(h2:has-text(" ${ contactName } ")) ` ) ; const contactExists = await contactItems . filter ( { hasText : contactName } ) . count ( ) ;
const contactExists = await contactListItem . count ( ) ;
console . log ( '[DEBUG] deleteContact: Contact with name exists:' , contactName , contactExists > 0 ) ;
if ( contactExists === 0 ) { if ( contactExists === 0 ) {
console . error ( '[DEBUG] deleteContact: Contact not found on page:' , contactName ) ; // Try alternative selectors
throw new Error ( ` Contact " ${ contactName } " not found on contacts page ` ) ; const selectors = [
} 'li' ,
'div[data-testid="contactListItem"]' ,
// Now click the info icon - fix the selector to match actual DOM structure
'.contact-item' ,
// Try different selectors for the info icon
'[data-testid*="contact"]'
const infoIconSelectors = [ ] ;
` li[data-testid="contactListItem"]:has(h2:has-text(" ${ contactName } ")) font-awesome[icon="circle-info"] ` ,
` li[data-testid="contactListItem"]:has(h2:has-text(" ${ contactName } ")) .fa-circle-info ` , for ( const selector of selectors ) {
` li[data-testid="contactListItem"]:has(h2:has-text(" ${ contactName } ")) svg.fa-circle-info ` , const testCount = await page . locator ( selector ) . filter ( { hasText : contactName } ) . count ( ) ;
` li[data-testid="contactListItem"]:has(h2:has-text(" ${ contactName } ")) [class*="fa-circle-info"] ` if ( testCount > 0 ) {
] ; // Found working selector, use it
const contactItem = page . locator ( selector ) . filter ( { hasText : contactName } ) . first ( ) ;
let infoIcon : import ( '@playwright/test' ) . Locator | null = null ;
let infoIconExists = 0 ; // Look for info icon or delete button
const infoIconExists = await contactItem . locator ( 'svg.fa-info-circle' ) . count ( ) ;
for ( const selector of infoIconSelectors ) { if ( infoIconExists > 0 ) {
console . log ( '[DEBUG] deleteContact: Trying selector:' , selector ) ; await contactItem . locator ( 'svg.fa-info-circle' ) . click ( ) ;
const testIcon = page . locator ( selector ) ; await page . waitForLoadState ( 'networkidle' ) ;
const testCount = await testIcon . count ( ) ;
console . log ( '[DEBUG] deleteContact: Selector result count:' , testCount ) ; // Should now be on the contact detail page
await expect ( page . getByText ( 'Contact Details' ) ) . toBeVisible ( ) ;
if ( testCount > 0 ) {
infoIcon = testIcon ; // Look for delete button
infoIconExists = testCount ; const deleteButtonExists = await page . getByRole ( 'button' , { name : 'Delete Contact' } ) . count ( ) ;
console . log ( '[DEBUG] deleteContact: Found working selector:' , selector ) ; if ( deleteButtonExists > 0 ) {
break ; await page . getByRole ( 'button' , { name : 'Delete Contact' } ) . click ( ) ;
// Handle confirmation dialog
await expect ( page . getByRole ( 'button' , { name : 'Yes, Delete' } ) ) . toBeVisible ( ) ;
await page . getByRole ( 'button' , { name : 'Yes, Delete' } ) . click ( ) ;
// Wait for dialog to close
await expect ( page . getByRole ( 'button' , { name : 'Yes, Delete' } ) ) . toBeHidden ( ) ;
return ;
}
}
}
} }
}
console . log ( '[DEBUG] deleteContact: Info icon exists:' , infoIconExists > 0 ) ;
if ( infoIconExists === 0 || ! infoIcon ) { throw new Error ( ` Contact " ${ contactName } " not found on contacts page ` ) ;
console . error ( '[DEBUG] deleteContact: Info icon not found for contact:' , contactName ) ;
throw new Error ( ` Info icon not found for contact " ${ contactName } " ` ) ;
} }
// go to the detail page for this contact
// Use the standard flow
await infoIcon . click ( ) ; const contactItem = contactItems . filter ( { hasText : contactName } ) . first ( ) ;
console . log ( '[DEBUG] deleteContact: Clicked info icon, should be on detail page' ) ;
// Verify we're on the detail page
// Look for info icon
const detailPageHeading = page . locator ( 'h1:has-text("Identifier Details")' ) ; const infoIconExists = await contactItem . locator ( 'svg.fa-info-circle' ) . count ( ) ;
await detailPageHeading . waitFor ( { timeout : 10000 } ) ; if ( infoIconExists > 0 ) {
console . log ( '[DEBUG] deleteContact: Confirmed on detail page' ) ; await contactItem . locator ( 'svg.fa-info-circle' ) . click ( ) ;
await page . waitForLoadState ( 'networkidle' ) ;
// delete the contact
// Should now be on the contact detail page
const deleteButton = page . locator ( 'button > svg.fa-trash-can' ) ; await expect ( page . getByText ( 'Contact Details' ) ) . toBeVisible ( ) ;
const deleteButtonExists = await deleteButton . count ( ) ;
console . log ( '[DEBUG] deleteContact: Delete button exists:' , deleteButtonExists > 0 ) ;
if ( deleteButtonExists === 0 ) { // Look for delete button
console . error ( '[DEBUG] deleteContact: Delete button not found' ) ; const deleteButtonExists = await page . getByRole ( 'button' , { name : 'Delete Contact' } ) . count ( ) ;
throw new Error ( 'Delete button not found on detail page' ) ; if ( deleteButtonExists > 0 ) {
} await page . getByRole ( 'button' , { name : 'Delete Contact' } ) . click ( ) ;
await deleteButton . click ( ) ; // Handle confirmation dialog
console . log ( '[DEBUG] deleteContact: Clicked delete button' ) ; await expect ( page . getByRole ( 'button' , { name : 'Yes, Delete' } ) ) . toBeVisible ( ) ;
await page . getByRole ( 'button' , { name : 'Yes, Delete' } ) . click ( ) ;
// Confirm deletion
// Wait for dialog to close
const confirmButton = page . locator ( 'div[role="alert"] button:has-text("Yes")' ) ; await expect ( page . getByRole ( 'button' , { name : 'Yes, Delete' } ) ) . toBeHidden ( ) ;
await confirmButton . waitFor ( { timeout : 10000 } ) ; }
console . log ( '[DEBUG] deleteContact: Confirmation dialog appeared' ) ; }
await confirmButton . click ( ) ;
console . log ( '[DEBUG] deleteContact: Clicked confirmation button' ) ;
// for some reason, .isHidden() (without expect) doesn't work
await expect ( page . locator ( 'div[role="alert"] button:has-text("Yes")' ) ) . toBeHidden ( ) ;
console . log ( '[DEBUG] deleteContact: Confirmation dialog dismissed, deletion complete' ) ;
} }
export async function generateNewEthrUser ( page : Page ) : Promise < string > { export async function generateNewEthrUser ( page : Page ) : Promise < string > {
Matthew Raymer
2 weeks ago