import {
    CommentFactory,
    MemberFactory,
    PostFactory,
    TierFactory,
    createCommentFactory,
    createMemberFactory,
    createPostFactory,
    createTierFactory
} from '@/data-factory';
import {PostPage} from '@/public-pages';
import {SettingsService} from '@/helpers/services/settings/settings-service';
import {expect, test} from '@/helpers/playwright';

test.describe('Ghost Public - Comments - Sorting', () => {
    let commentFactory: CommentFactory;
    let postFactory: PostFactory;
    let memberFactory: MemberFactory;
    let tierFactory: TierFactory;
    let settingsService: SettingsService;

    test.beforeEach(async ({page}) => {
        postFactory = createPostFactory(page.request);
        memberFactory = createMemberFactory(page.request);
        commentFactory = createCommentFactory(page.request);
        tierFactory = createTierFactory(page.request);
        settingsService = new SettingsService(page.request);
    });

    test.beforeEach(async () => {
        await settingsService.setCommentsEnabled('all');
    });

    test('sort comments by date and show more', async ({page}) => {
        const post = await postFactory.create({status: 'published'});
        const member = await memberFactory.create({status: 'free'});
        const paidTier = await tierFactory.getFirstPaidTier();
        const paidMember = await memberFactory.create({status: 'comped', tiers: [{id: paidTier.id}]});

        const comments = Array.from({length: 25}, (_, index) => {
            return {
                html: `Test comment ${index + 1}`,
                post_id: post.id,
                member_id: Math.random() > 0.5 ? member.id : paidMember.id,
                created_at: new Date(Date.now() - index * 1000).toISOString()
            };
        });

        await commentFactory.createMany(comments);

        const postPage = new PostPage(page);
        await postPage.gotoPost(post.slug);
        await postPage.waitForCommentsToLoad();
        const postCommentsSection = postPage.commentsSection;

        // verify sorting by oldest comments and load more comments
        await postCommentsSection.sortBy('Oldest');
        await expect(postCommentsSection.sortingButton).toContainText('Oldest');
        await expect(postCommentsSection.comments.first()).toContainText('Test comment 25');
        await expect(postCommentsSection.comments.last()).toContainText('Test comment 6');
        await expect(postCommentsSection.showMoreCommentsButton).toBeVisible();
        await expect(postCommentsSection.showMoreCommentsButton).toContainText('Load more (5)');

        await postCommentsSection.showMoreCommentsButton.click();
        await expect(postCommentsSection.comments).toHaveCount(25);
        await expect(postCommentsSection.comments.last()).toContainText('Test comment 1');

        // verify sorting by newest comments and load more comments
        await postCommentsSection.sortBy('Newest');
        await expect(postCommentsSection.sortingButton).toContainText('Newest');
        await expect(postCommentsSection.comments.first()).toContainText('Test comment 1');
        await expect(postCommentsSection.comments.last()).toContainText('Test comment 20');
        await expect(postCommentsSection.showMoreCommentsButton).toBeVisible();
        await expect(postCommentsSection.showMoreCommentsButton).toContainText('Load more (5)');

        await postCommentsSection.showMoreCommentsButton.click();
        await expect(postCommentsSection.comments).toHaveCount(25);
        await expect(postCommentsSection.comments.last()).toContainText('Test comment 25');
    });
});
