Fixed UI tests and added a draft post test

Author: mattwoberts

e2e/features/ui/post.feature

@@ -3,17 +3,32 @@ Feature: Post
   Scenario: Admin can create a post
     Given I go to the home page
     And I sign in as "admin"
-    And I type "Feature Request Example" as the title
+    And I click enter your suggestion
     And I type "This is just an example of a feature suggestion in fider" as the description
-    And I click submit new post
+    And I click submit your feedback
     Then I should be on the show post page
-    And I should see "Feature Request Example" as the post title
+    And I should see "This is just an example of a feature suggestion in fider" as the post title
     And I should see 1 vote(s)
 
   Scenario: Non-logged in user can view a post
     Given I go to the home page
     And I search for "Feature Request Example"
     And I click on the first post
     Then I should be on the show post page
-    And I should see "Feature Request Example" as the post title
-    And I should see 1 vote(s)
+    And I should see "This is just an example of a feature suggestion in fider" as the post title
+    And I should see 1 vote(s)
+
+  Scenario: Non-logged in user can draft a post and submit once signed up
+    Given I go to the home page
+    And I click enter your suggestion
+    And I type "This is a draft post from a new user" as the description
+    And I type my email address
+    And I click continue with email
+    Then I should be on the confirmation link page
+    Given I click on the confirmation link
+    Then I should be on the complete profile page
+    Given I enter my name as "Matt"
+    And I click submit
+    Then I should be on the home page
+    And I should see the new post modal
+    And I should see "This is a draft post from a new user" as the draft post title

e2e/step_definitions/home.steps.ts

@@ -1,6 +1,7 @@
 import { Given, Then } from "@cucumber/cucumber"
 import { FiderWorld } from "../world"
 import expect from "expect"
+import { getLatestLinkSentTo } from "./fns"
 
 Given("I go to the home page", async function (this: FiderWorld) {
   await this.page.goto(`https://${this.tenantName}.dev.fider.io:3000/`)
@@ -27,6 +28,53 @@ Given("I type {string} as the description", async function (this: FiderWorld, de
   await this.page.type("#input-description", description)
 })
 
-Given("I click submit new post", async function () {
-  await this.page.click(".p-home__welcome-col .c-button--primary")
+Given("I click enter your suggestion", async function () {
+  await this.page.click(".p-home__welcome-col .c-button--default")
+})
+
+Given("I type my email address", async function (this: FiderWorld) {
+  const userEmail = `$user-${this.tenantName}@fider.io`
+  await this.page.type("#input-email", userEmail)
+})
+
+Given("I click continue with email", async function () {
+  await this.page.click(".c-signin-control button[type='submit']")
+})
+
+Given("I click submit your feedback", async function () {
+  await this.page.click(".c-share-feedback__content .c-button--primary")
+})
+
+Given("I click on the confirmation link", async function (this: FiderWorld) {
+  const userEmail = `$user-${this.tenantName}@fider.io`
+  const activationLink = await getLatestLinkSentTo(userEmail)
+  await this.page.goto(activationLink)
+})
+
+Then("I should be on the complete profile page", async function (this: FiderWorld) {
+  const container = await this.page.$$("#p-complete-profile")
+  expect(container).toBeDefined()
+})
+
+Then("I should see the new post modal", async function (this: FiderWorld) {
+  const container = await this.page.$$(".c-share-feedback")
+  expect(container).toBeDefined()
+})
+
+Given("I enter my name as {string}", async function (this: FiderWorld, name: string) {
+  await this.page.type("#input-name", name)
+})
+
+Given("I click submit", async function () {
+  await this.page.click("button[type='submit']")
+})
+
+Then("I should be on the confirmation link page", async function (this: FiderWorld) {
+  const userEmail = `$user-${this.tenantName}@fider.io`
+  await expect(this.page.getByText(`We have just sent a confirmation link to ${userEmail}`)).toBeVisible()
+})
+
+Then("I should see {string} as the draft post title", async function (this: FiderWorld, title: string) {
+  const postTitle = await this.page.locator("#input-title").inputValue()
+  expect(postTitle).toBe(title)
 })