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

test.describe('OAuth Credentials', () => {
	test('should create and connect with Google OAuth2', async ({ n8n, page }) => {
		const projectId = await n8n.start.fromNewProject();
		await page.goto(`projects/${projectId}/credentials`);
		await n8n.credentials.emptyListCreateCredentialButton.click();
		await n8n.credentials.openNewCredentialDialogFromCredentialList('Google OAuth2 API');
		await n8n.credentials.fillCredentialField('clientId', 'test-key');
		await n8n.credentials.fillCredentialField('clientSecret', 'test-secret');
		await n8n.credentials.saveCredential();

		const popupPromise = page.waitForEvent('popup');
		await n8n.credentials.getOauthConnectButton().click();

		const popup = await popupPromise;
		const popupUrl = popup.url();
		expect(popupUrl).toContain('accounts.google.com');
		expect(popupUrl).toContain('client_id=test-key');

		await popup.close();

		await page.evaluate(() => {
			const channel = new BroadcastChannel('oauth-callback');
			channel.postMessage('success');
		});

		await expect(n8n.credentials.getSaveButton()).toContainText('Saved');
		await expect(n8n.credentials.getOauthConnectSuccessBanner()).toContainText('Account connected');
	});
});