import {expect, test} from '@playwright/test';
import {globalDataRequests} from '../../utils/acceptance';
import {mockApi, toggleLabsFlag} from '@tryghost/admin-x-framework/test/acceptance';

test.describe('Tips and donations', () => {
    test.beforeEach(async () => {
        toggleLabsFlag('tipsAndDonations', true);
    });

    test('Shows suggested amount and shareable link', async ({page}) => {
        await mockApi({page, requests: {...globalDataRequests}});
        await page.goto('/');

        const section = page.getByTestId('tips-and-donations');

        await expect(section.getByTestId('suggested-amount')).toHaveText(/\$5/);
        await expect(section.getByTestId('donate-url')).toHaveText('http://test.com/#/portal/support');
        await expect(section.getByTestId('preview-shareable-link')).not.toBeVisible();
        await expect(section.getByTestId('copy-shareable-link')).not.toBeVisible();

        await section.getByTestId('donate-url').hover();

        await expect(section.getByTestId('preview-shareable-link')).toBeVisible();
        await expect(section.getByTestId('copy-shareable-link')).toBeVisible();
    });
});