272 lines
9.9 KiB
TypeScript
272 lines
9.9 KiB
TypeScript
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 {}
|