website/cypress/e2e/pages/application/[guildId]/[channelId]/index.cy.ts

import date from "date-and-time"

import {
  channelExample,
  channelExample2,
} from "../../../../../fixtures/channels/channel"
import { guildExample } from "../../../../../fixtures/guilds/guild"
import {
  getGuildMemberNotOwnerWithGuildIdHandler,
  getGuildMemberWithGuildIdHandler,
} from "../../../../../fixtures/guilds/[guildId]/get"
import { getChannelWithChannelIdHandler } from "../../../../../fixtures/channels/[channelId]/get"
import { authenticationHandlers } from "../../../../../fixtures/handler"
import { getGuildsHandler } from "../../../../../fixtures/guilds/get"
import { getChannelsWithGuildIdHandler } from "../../../../../fixtures/guilds/[guildId]/channels/get"
import { getMessagesWithChannelIdHandler } from "../../../../../fixtures/channels/[channelId]/messages/get"
import {
  messageExampleComplete,
  messageExampleComplete2,
} from "../../../../../fixtures/messages/message"
import { getMembersWithGuildIdHandler } from "../../../../../fixtures/guilds/[guildId]/members/get"
import { memberExampleComplete } from "../../../../../fixtures/members/member"
import { API_URL } from "../../../../../../tools/api"
import {
  getMessagesUploadsAudioHandler,
  getMessagesUploadsDownloadHandler,
  getMessagesUploadsImageHandler,
  getMessagesUploadsVideoHandler,
} from "../../../../../fixtures/uploads/messages/get"

describe("Pages > /application/[guildId]/[channelId]", () => {
  beforeEach(() => {
    cy.task("stopMockServer")
  })

  it("should succeeds and display the left sidebar correctly (member is owner)", () => {
    cy.task("startMockServer", [
      ...authenticationHandlers,
      getGuildMemberWithGuildIdHandler,
      getChannelWithChannelIdHandler,
      getGuildsHandler,
    ]).setCookie("refreshToken", "refresh-token")
    cy.intercept(`${API_URL}${getGuildsHandler.url}*`).as("getGuildsHandler")
    cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
    cy.wait(["@getGuildsHandler"]).then(() => {
      cy.get("[data-cy=application-title]").should(
        "have.text",
        `# ${channelExample.name}`,
      )
      cy.get("[data-cy=guild-left-sidebar-title]").should(
        "have.text",
        guildExample.name,
      )
      cy.get(".guilds-list").children().should("have.length", 2)
      cy.get("[data-cy=link-add-channel]")
        .should("be.visible")
        .should(
          "have.attr",
          "href",
          `/application/${guildExample.id}/channels/create`,
        )
      cy.get("[data-cy=link-settings-guild]")
        .should("be.visible")
        .should("have.attr", "href", `/application/${guildExample.id}/settings`)
    })
  })

  it("should succeeds and display the left sidebar correctly (member is not owner)", () => {
    cy.task("startMockServer", [
      ...authenticationHandlers,
      getGuildMemberNotOwnerWithGuildIdHandler,
      getChannelWithChannelIdHandler,
      getGuildsHandler,
    ]).setCookie("refreshToken", "refresh-token")
    cy.intercept(`${API_URL}${getGuildsHandler.url}*`).as("getGuildsHandler")
    cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
    cy.wait(["@getGuildsHandler"]).then(() => {
      cy.get("[data-cy=application-title]").should(
        "have.text",
        `# ${channelExample.name}`,
      )
      cy.get("[data-cy=guild-left-sidebar-title]").should(
        "have.text",
        guildExample.name,
      )
      cy.get(".guilds-list").children().should("have.length", 2)
      cy.get("[data-cy=link-add-channel]").should("not.exist")
      cy.get("[data-cy=link-settings-guild]")
        .should("be.visible")
        .should("have.attr", "href", `/application/${guildExample.id}/settings`)
    })
  })

  it("should succeeds and display the channels in left sidebar correctly", () => {
    cy.task("startMockServer", [
      ...authenticationHandlers,
      getGuildMemberWithGuildIdHandler,
      getChannelWithChannelIdHandler,
      getChannelsWithGuildIdHandler,
    ]).setCookie("refreshToken", "refresh-token")
    cy.intercept(`${API_URL}${getChannelsWithGuildIdHandler.url}*`).as(
      "getChannelsWithGuildIdHandler",
    )
    cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
    cy.wait(["@getChannelsWithGuildIdHandler"]).then(() => {
      cy.get(".channels-list").children().should("have.length", 2)
      cy.get(".channels-list [data-cy=channel-name]:first").should(
        "have.text",
        `# ${channelExample.name}`,
      )
      cy.get(".channels-list [data-cy=channel-name]:last").should(
        "have.text",
        `# ${channelExample2.name}`,
      )
    })
  })

  it("should succeeds and display the messages correctly", () => {
    cy.task("startMockServer", [
      ...authenticationHandlers,
      getGuildMemberWithGuildIdHandler,
      getChannelWithChannelIdHandler,
      getMessagesWithChannelIdHandler,
      getMessagesUploadsImageHandler,
      getMessagesUploadsAudioHandler,
      getMessagesUploadsVideoHandler,
      getMessagesUploadsDownloadHandler,
    ]).setCookie("refreshToken", "refresh-token")
    cy.intercept(`${API_URL}${getMessagesWithChannelIdHandler.url}*`).as(
      "getMessagesWithChannelIdHandler",
    )
    cy.intercept(`${API_URL}${getMessagesUploadsImageHandler.url}`).as(
      "getMessagesUploadsImageHandler",
    )
    cy.intercept(`${API_URL}${getMessagesUploadsAudioHandler.url}`).as(
      "getMessagesUploadsAudioHandler",
    )
    cy.intercept(`${API_URL}${getMessagesUploadsVideoHandler.url}`).as(
      "getMessagesUploadsVideoHandler",
    )
    cy.intercept(`${API_URL}${getMessagesUploadsDownloadHandler.url}`).as(
      "getMessagesUploadsDownloadHandler",
    )
    cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
    cy.wait([
      "@getMessagesWithChannelIdHandler",
      "@getMessagesUploadsImageHandler",
      "@getMessagesUploadsAudioHandler",
      "@getMessagesUploadsVideoHandler",
      "@getMessagesUploadsDownloadHandler",
    ]).then(() => {
      cy.get(".messages-list").children().should("have.length", 9)
      cy.get("[data-cy=message-1] p").should(
        "have.text",
        messageExampleComplete.value,
      )
      cy.get("[data-cy=message-1] [data-cy=message-member-user-name]").should(
        "have.text",
        messageExampleComplete.member.user.name,
      )
      cy.get("[data-cy=message-1] [data-cy=message-date]").should(
        "have.text",
        date.format(
          new Date(messageExampleComplete.createdAt),
          "DD/MM/YYYY - HH:mm:ss",
        ),
      )
      cy.get("[data-cy=message-2] p").should(
        "have.text",
        messageExampleComplete2.value,
      )
      cy.get("[data-cy=message-3] p").should(
        "have.text",
        "Message with bold text and italic text.\nNewlines and some emoji: ",
      )
      cy.get("[data-cy=message-3] strong").should("have.text", "bold text")
      cy.get("[data-cy=message-3] em").should("have.text", "italic text")
      cy.get("[data-cy=message-3] span[title=smile]").should("exist")
      cy.get("[data-cy=message-3] span[title=smile]").should(
        "have.css",
        "width",
        "20px",
      )
      cy.get("[data-cy=message-3] span[title=smile]").should(
        "have.css",
        "height",
        "20px",
      )
      cy.get("[data-cy=message-4] p:first").should(
        "have.text",
        "The Quadratic Formula:",
      )
      cy.get("[data-cy=message-4] .math").should("have.length", 3)
      cy.get("[data-cy=message-5] span[title=wave]").should("exist")
      cy.get("[data-cy=message-5] span[title=wave]").should(
        "have.css",
        "width",
        "40px",
      )
      cy.get("[data-cy=message-5] span[title=wave]").should(
        "have.css",
        "height",
        "40px",
      )
      cy.get("[data-cy=message-file-image-6]").should("exist")
      cy.get("[data-cy=message-file-audio-7]").should("exist")
      cy.get("[data-cy=message-file-video-8]").should("exist")
      cy.get("[data-cy=message-file-download-9]").should("exist")
    })
  })

  it("should succeeds and display the members in right sidebar correctly", () => {
    cy.task("startMockServer", [
      ...authenticationHandlers,
      getGuildMemberWithGuildIdHandler,
      getChannelWithChannelIdHandler,
      getMembersWithGuildIdHandler,
    ]).setCookie("refreshToken", "refresh-token")
    cy.intercept(`${API_URL}${getMembersWithGuildIdHandler.url}*`).as(
      "getMembersWithGuildIdHandler",
    )
    cy.visit(`/application/${guildExample.id}/${channelExample.id}`)
    cy.wait(["@getMembersWithGuildIdHandler"]).then(() => {
      cy.get(".members-list").should("not.be.visible")
      cy.get("[data-cy=icon-button-right-sidebar-members]").click()
      cy.get(".members-list").should("be.visible")
      cy.get("[data-cy=members-title]").should("have.text", "Member(s)")
      cy.get(".members-list").children().should("have.length", 1)
      cy.get(".members-list [data-cy=member-user-name]:first").should(
        "have.text",
        memberExampleComplete.user.name,
      )
    })
  })

  it("should redirect the user to `/404` if `guildId` or `channelId` are not numbers", () => {
    cy.task("startMockServer", authenticationHandlers).setCookie(
      "refreshToken",
      "refresh-token",
    )
    cy.visit("/application/abc/abc", {
      failOnStatusCode: false,
    })
      .get("[data-cy=status-code]")
      .contains("404")
  })

  it("should redirect the user to `/404` if `guildId` doesn't exist", () => {
    cy.task("startMockServer", [
      ...authenticationHandlers,
      getChannelWithChannelIdHandler,
    ]).setCookie("refreshToken", "refresh-token")
    cy.visit(`/application/123/${channelExample.id}`, {
      failOnStatusCode: false,
    })
      .get("[data-cy=status-code]")
      .contains("404")
  })

  it("should redirect the user to `/404` if `channelId` doesn't exist", () => {
    cy.task("startMockServer", [
      ...authenticationHandlers,
      getGuildMemberWithGuildIdHandler,
    ]).setCookie("refreshToken", "refresh-token")
    cy.visit(`/application/${guildExample.id}/123`, { failOnStatusCode: false })
      .get("[data-cy=status-code]")
      .contains("404")
  })
})

export {}