forked from ubiquity/work.ubq.fi
/
devpool.cy.ts
151 lines (140 loc) · 5.25 KB
/
devpool.cy.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
import { RestEndpointMethodTypes } from "@octokit/rest";
import { OAuthToken } from "../../src/home/getters/get-github-access-token";
import { SUPABASE_STORAGE_KEY } from "../../src/home/github-types";
describe("DevPool", () => {
let issue1: RestEndpointMethodTypes["issues"]["get"]["response"]["data"];
let issue2: RestEndpointMethodTypes["issues"]["get"]["response"]["data"];
let loginToken: OAuthToken;
let githubUser: RestEndpointMethodTypes["users"]["getByUsername"]["response"]["data"];
before(() => {
cy.fixture("issue-1.json").then((content) => {
issue1 = content;
});
cy.fixture("issue-2.json").then((content) => {
issue2 = content;
});
cy.fixture("user-token.json").then((content) => {
loginToken = content;
});
cy.fixture("user-github.json").then((content) => {
githubUser = content;
});
cy.intercept("https://api.github.com/repos/*/*/issues/**", (req) => {
req.reply({
statusCode: 200,
body: issue1,
});
}).as("getIssueDetails");
cy.intercept("https://api.github.com/orgs/*", (req) => {
req.reply({
statusCode: 200,
body: issue1,
});
}).as("orgs");
});
beforeEach(() => {
// Very important to make sure we don't store data between tests
cy.clearLocalStorage();
});
it.only("Main page displays issues", () => {
// Should display one new task
cy.log("Should display one new task");
cy.intercept("https://api.github.com/repos/*/*/issues**", (req) => {
req.reply({
statusCode: 200,
body: [issue1],
});
}).as("getIssues");
cy.visit("/");
cy.get('div[id="issues-container"]').children().should("have.length", 1);
cy.get("#issues-container > :nth-child(1)").should("have.class", "new-task");
// needed to make sure data is written to the local storage
cy.wait(3000);
// Should display still one old task
cy.log("Should display still one old task");
cy.intercept("https://api.github.com/repos/*/*/issues**", (req) => {
req.reply({
statusCode: 200,
body: [issue1, issue2],
});
}).as("getIssues");
cy.visit("/");
cy.get('div[id="issues-container"]').children().should("have.length", 1);
cy.get("#issues-container > :nth-child(1)").should("not.have.class", "new-task");
// needed to make sure data is written to the local storage
cy.wait(3000);
cy.log("Should display two new tasks");
cy.clock(Date.now() + 95000000);
cy.visit("/");
const fakeNow = new Date("2022-04-10");
// Needed due to a bug
cy.clock(fakeNow).then((clock) => {
// @ts-expect-error https://github.com/cypress-io/cypress/issues/7577
return clock.bind(window);
});
cy.get('div[id="issues-container"]').children().should("have.length", 2);
});
it("Display a message on rate limited", () => {
cy.intercept("https://api.github.com/repos/*/*/issues**", (req) => {
req.reply({
statusCode: 403,
});
}).as("getIssues");
cy.visit("/");
cy.get(".preview-header").should("exist");
});
it("Items can be sorted", () => {
cy.intercept("https://api.github.com/repos/*/*/issues**", (req) => {
req.reply({
statusCode: 200,
body: [issue1, issue2],
});
}).as("getIssues");
cy.visit("/");
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="price"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="price"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="time"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="time"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="priority"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="priority"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="activity"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get('[for="activity"]').click();
cy.get('div[id="issues-container"]').children().should("have.length", 2);
cy.get("#filter").type("draft");
cy.get('div[id="issues-container"]').children().should("have.length", 2);
});
it("User can log in", () => {
cy.intercept("https://api.github.com/repos/*/*/issues**", (req) => {
req.reply({
statusCode: 200,
body: [issue1, issue2],
});
}).as("getIssues");
cy.intercept("https://api.github.com/user", (req) => {
req.reply({
statusCode: 200,
body: githubUser,
});
}).as("getUser");
cy.intercept("https://iyybhhiflwbsjopsgaow.supabase.co/auth/v1/authorize?provider=github", (req) => {
req.reply({
statusCode: 200,
});
// Simulate login token
window.localStorage.setItem(`sb-${SUPABASE_STORAGE_KEY}-auth-token`, JSON.stringify(loginToken));
}).as("githubLogin");
cy.visit("/");
cy.get("#github-login-button").click();
// Manually come back to home page after "login"
cy.visit("/");
cy.get("#authenticated").should("exist");
});
});