From a30156bebc11eac65f77befa5bd207b8763f3b99 Mon Sep 17 00:00:00 2001
From: John <46611809+JohnAllenTech@users.noreply.github.com>
Date: Thu, 17 Oct 2024 10:30:21 -0600
Subject: [PATCH] chore: added article creation e2e test (#1139)

---
 e2e/articles.spec.ts | 52 ++++++++++++++++++++++++++++++++++++++++++++
 playwright.config.ts |  2 +-
 2 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/e2e/articles.spec.ts b/e2e/articles.spec.ts
index bc153b67..039bbfca 100644
--- a/e2e/articles.spec.ts
+++ b/e2e/articles.spec.ts
@@ -124,4 +124,56 @@ test.describe("Authenticated Articles Page", () => {
     await expect(page.getByText("Sponsorship")).toBeVisible();
     await expect(page.getByText("Code Of Conduct")).toBeVisible();
   });
+
+  test("Should write and publish an article", async ({ page, isMobile }) => {
+    const articleContent =
+      "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae ipsum id metus vestibulum rutrum eget a diam. Integer eget vulputate risus, ac convallis nulla. Mauris sed augue nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam congue posuere tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut ac augue non libero ullamcorper ornare. Ut commodo ligula vitae malesuada maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam sagittis justo non justo placerat, a dapibus sapien volutpat. Nullam ullamcorper sodales justo sed.";
+    const articleTitle = "Lorem Ipsum";
+    await page.goto("http://localhost:3000");
+    // Waits for articles to be loaded
+    await page.waitForSelector("article");
+
+    // Mobile and Desktop have different ways to start writing an article
+    if (isMobile) {
+      await expect(
+        page.getByRole("button", { name: "Open main menu" }),
+      ).toBeVisible();
+      page.getByRole("button", { name: "Open main menu" }).tap();
+      await expect(page.getByRole("link", { name: "New Post" })).toBeVisible();
+      await page.getByRole("link", { name: "New Post" }).tap();
+    } else {
+      await expect(page.getByRole("link", { name: "New Post" })).toBeVisible();
+      await page.getByRole("link", { name: "New Post" }).click();
+    }
+    await page.waitForURL("http:/localhost:3000/create");
+
+    await page.getByPlaceholder("Article title").fill(articleTitle);
+
+    await page
+      .getByPlaceholder("Enter your content here 💖")
+      .fill(articleContent);
+
+    await expect(page.getByRole("button", { name: "Next" })).toBeVisible();
+    await page.getByRole("button", { name: "Next" }).click();
+    await expect(
+      page.getByRole("button", { name: "Publish now" }),
+    ).toBeVisible();
+    await page.getByRole("button", { name: "Publish now" }).click();
+    await page.waitForURL(
+      /^http:\/\/localhost:3000\/articles\/lorem-ipsum-.*$/,
+    );
+
+    await expect(page.getByText("Lorem ipsum dolor sit amet,")).toBeVisible();
+    await expect(
+      page.getByRole("heading", { name: "Lorem Ipsum" }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole("heading", { name: "Written by E2E Test User" }),
+    ).toBeVisible();
+    await expect(
+      page.getByRole("heading", { name: "Discussion (0)" }),
+    ).toBeVisible();
+    await expect(page.getByLabel("like-trigger")).toBeVisible();
+    await expect(page.getByLabel("bookmark-trigger")).toBeVisible();
+  });
 });
diff --git a/playwright.config.ts b/playwright.config.ts
index 0e47ded3..ef8e0e87 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -18,7 +18,7 @@ export default defineConfig({
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
   /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 2 : undefined,
+  workers: process.env.CI ? 3 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: "html",
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */