import { test, expect } from '../../../fixtures/base';

test.describe('RAG callout experiment', {
	annotation: [
		{ type: 'owner', description: 'AI' },
	],
}, () => {
	test.describe('NDV callout', () => {
		test('should show callout and open template on click', async ({ n8n }) => {
			await n8n.start.fromBlankCanvas();
			await n8n.canvas.addNode('Zep Vector Store', {
				action: 'Add documents to vector store',
				closeNDV: false,
			});

			await expect(n8n.canvas.getRagCalloutTip()).toBeVisible();

			const popupPromise = n8n.page.waitForEvent('popup');
			await n8n.canvas.clickRagTemplateLink();

			const popup = await popupPromise;
			expect(popup.url()).toContain('/workflows/templates/rag-starter-template?fromJson=true');

			await popup.close();
		});
	});

	test.describe('search callout', () => {
		test('should show callout and open template on click', async ({ n8n }) => {
			await n8n.start.fromBlankCanvas();
			await n8n.canvas.clickNodeCreatorPlusButton();
			await n8n.canvas.fillNodeCreatorSearchBar('rag');

			const popupPromise = n8n.page.waitForEvent('popup');
			await expect(n8n.canvas.getRagTemplateLink()).toBeVisible();
			await n8n.canvas.clickRagTemplateLink();

			const popup = await popupPromise;
			expect(popup.url()).toContain('/workflows/templates/rag-starter-template?fromJson=true');

			await popup.close();
		});
	});
});