Update actions

packages/js/shared-ui/wptelegram/channels-field.tsx

@@ -16,6 +16,7 @@ export type ChannelsFieldProps = Pick<
 	name: string;
 	label: React.ReactNode;
 	description?: React.ReactNode;
+	addButtonLabel?: React.ReactNode;
 };
 
 export function ChannelsField({
@@ -26,6 +27,7 @@ export function ChannelsField({
 	placeholder,
 	'aria-label': ariaLabel,
 	showMemberCount,
+	addButtonLabel,
 }: ChannelsFieldProps) {
 	const { control } = useFormContext();
 
@@ -66,7 +68,7 @@ export function ChannelsField({
 				variant="secondary"
 			>
 				<Plus className="me-2" size="16" />
-				{__('Add channel')}
+				{addButtonLabel || __('Add channel')}
 			</Button>
 		</div>
 	);

tools/e2e-utils/src/actions.ts

@@ -56,19 +56,23 @@ export class Actions {
 	}
 
 	async assertChangesSaved() {
+		await this.assertNotification('success', 'Changes saved successfully.');
+	}
+
+	async assertNotification(status: 'success' | 'error', message: string) {
 		const notifications = this.page.getByRole('region', {
 			name: 'Notifications',
 		});
 
-		const notificationShown = notifications.locator('li[role="status"]', {
-			has: this.page.locator('div[data-status="success"]'),
-		});
+		const notificationShown = notifications
+			.locator('li[role="status"]', {
+				has: this.page.locator(`div[data-status="${status}"]`),
+			})
+			.last();
 
 		await notificationShown.waitFor();
 
-		expect(await notificationShown.textContent()).toContain(
-			'Changes saved successfully.',
-		);
+		expect(await notificationShown.textContent()).toContain(message);
 	}
 
 	/**