81 lines
3.5 KiB
TypeScript
81 lines
3.5 KiB
TypeScript
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');
|
|
});
|
|
});
|