n8n/packages/testing/playwright/pages/components/ResourceCards.ts

import type { Locator, Page } from '@playwright/test';

/**
 * ResourceCards component for handling folder, workflow, credential, and data store cards.
 * All cards are contained within a resources-list-wrapper.
 */
export class ResourceCards {
	constructor(private page: Page) {}

	getFolders(): Locator {
		return this.page.getByTestId('folder-card');
	}

	getWorkflows(): Locator {
		return this.page.getByTestId('resources-list-item-workflow');
	}

	getCredentials(): Locator {
		return this.page.getByTestId('resources-list-item');
	}

	getFolder(name: string): Locator {
		return this.page.locator(`[data-test-id="folder-card"][data-resourcename="${name}"]`);
	}

	getWorkflow(name: string): Locator {
		return this.getWorkflows().filter({ hasText: name });
	}

	getCredential(name: string): Locator {
		return this.getCredentials().filter({
			has: this.page.getByTestId('card-content').locator('h2').filter({ hasText: name }),
		});
	}

	getCardActionToggle(card: Locator): Locator {
		return card
			.getByTestId('card-append')
			.locator('[class*="action-toggle"]')
			.filter({ visible: true });
	}

	getCardAction(actionName: string): Locator {
		return this.page.getByTestId(`action-${actionName}`).filter({ visible: true });
	}

	async openCardActions(card: Locator): Promise<void> {
		await this.getCardActionToggle(card).click();
	}

	async clickCardAction(card: Locator, actionName: string): Promise<void> {
		await this.openCardActions(card);
		await this.getCardAction(actionName).click();
	}

	async openFolder(folderName: string): Promise<void> {
		const folderCard = this.getFolder(folderName);
		await this.clickCardAction(folderCard, 'open');
	}

	async deleteFolder(folderName: string): Promise<void> {
		const folderCard = this.getFolder(folderName);
		await this.clickCardAction(folderCard, 'delete');
	}

	async clickWorkflowCard(workflowName: string): Promise<void> {
		await this.getWorkflow(workflowName).getByTestId('card-content').click();
	}

	async clickCredentialCard(credentialName: string): Promise<void> {
		await this.getCredential(credentialName).getByTestId('card-content').click();
	}
}