cypress-cli-select 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/.github/workflows/jest.yml +12 -0
  2. package/CONTRIBUTING.md +39 -0
  3. package/LICENSE.md +21 -0
  4. package/README.md +197 -0
  5. package/assets/choose-spec-pattern-demo.gif +0 -0
  6. package/assets/cypress-cli-select-animated.gif +0 -0
  7. package/assets/print-selected-demo.png +0 -0
  8. package/assets/run-help.gif +0 -0
  9. package/assets/run-spec-tag.gif +0 -0
  10. package/assets/run-spec-title.gif +0 -0
  11. package/cypress/e2e/1-getting-started/todo.cy.js +143 -0
  12. package/cypress/e2e/2-advanced-examples/actions.cy.js +321 -0
  13. package/cypress/e2e/2-advanced-examples/aliasing.cy.js +39 -0
  14. package/cypress/e2e/2-advanced-examples/assertions.cy.js +176 -0
  15. package/cypress/e2e/2-advanced-examples/connectors.cy.js +98 -0
  16. package/cypress/e2e/2-advanced-examples/cookies.cy.js +118 -0
  17. package/cypress/e2e/2-advanced-examples/cypress_api.cy.js +211 -0
  18. package/cypress/e2e/2-advanced-examples/location.cy.js +32 -0
  19. package/cypress/e2e/2-advanced-examples/misc.cy.js +90 -0
  20. package/cypress/e2e/2-advanced-examples/navigation.cy.js +55 -0
  21. package/cypress/e2e/2-advanced-examples/network_requests.cy.js +163 -0
  22. package/cypress/e2e/2-advanced-examples/querying.cy.js +114 -0
  23. package/cypress/e2e/2-advanced-examples/spies_stubs_clocks.cy.js +220 -0
  24. package/cypress/e2e/2-advanced-examples/storage.cy.js +117 -0
  25. package/cypress/e2e/2-advanced-examples/traversal.cy.js +126 -0
  26. package/cypress/e2e/2-advanced-examples/utilities.cy.js +109 -0
  27. package/cypress/e2e/2-advanced-examples/viewport.cy.js +58 -0
  28. package/cypress/e2e/2-advanced-examples/waiting.cy.js +30 -0
  29. package/cypress/e2e/2-advanced-examples/window.cy.js +22 -0
  30. package/cypress/support/commands.js +25 -0
  31. package/cypress/support/component-index.html +14 -0
  32. package/cypress/support/component.js +24 -0
  33. package/cypress/support/e2e.js +19 -0
  34. package/cypress.config.js +25 -0
  35. package/cypress.new.config.js +26 -0
  36. package/index.js +586 -0
  37. package/package.json +46 -0
  38. package/src/components/Clock.cy.js +13 -0
  39. package/src/components/Stepper.cy.js +13 -0
  40. package/src/sortable-list.js +82 -0
  41. package/tapes/run-help.tape +94 -0
  42. package/tapes/run-spec-tag.tape +163 -0
  43. package/tapes/run-spec-title.tape +191 -0
  44. package/tests/cli-component.spec.js +409 -0
  45. package/tests/cli-e2e.spec.js +439 -0
package/tests/cli-component.spec.js ADDED
@@ -0,0 +1,409 @@
1
+ const { render } = require("cli-testing-library");
2
+ require("cli-testing-library/extend-expect");
3
+ const { describe, it, expect } = require("@jest/globals");
4
+ const { resolve } = require("path");
5
+
6
+ describe("component: basic input prompt flows", () => {
7
+ it("handles spec select", async () => {
8
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
9
+ resolve(__dirname, "../index.js"),
10
+ ["--submit-focused"],
11
+ ["--component"],
12
+ ]);
13
+
14
+ expect(
15
+ await findByText(
16
+ "Choose to filter by specs, specific test titles or tags",
17
+ ),
18
+ ).toBeInTheConsole();
19
+
20
+ expect(await findByText("Specs")).toBeInTheConsole();
21
+ expect(
22
+ await findByText("Test titles or tags (requires cy-grep)"),
23
+ ).toBeInTheConsole();
24
+
25
+ userEvent.keyboard("[Enter]");
26
+
27
+ expect(await findByText("Select specs to run")).toBeInTheConsole();
28
+ expect(await findByText("src/components/Clock.cy.js")).toBeInTheConsole();
29
+ expect(await findByText("src/components/Stepper.cy.js")).toBeInTheConsole();
30
+
31
+ userEvent.keyboard("[Enter]");
32
+ expect(
33
+ await findByText("Select specs to run: src/components/Clock.cy.js"),
34
+ ).toBeInTheConsole();
35
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
36
+ });
37
+
38
+ it("handles test title select", async () => {
39
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
40
+ resolve(__dirname, "../index.js"),
41
+ ["--submit-focused"],
42
+ ["--component"],
43
+ ]);
44
+
45
+ expect(
46
+ await findByText(
47
+ "Choose to filter by specs, specific test titles or tags",
48
+ ),
49
+ ).toBeInTheConsole();
50
+
51
+ expect(await findByText("Specs")).toBeInTheConsole();
52
+ expect(
53
+ await findByText("Test titles or tags (requires cy-grep)"),
54
+ ).toBeInTheConsole();
55
+
56
+ userEvent.keyboard("[ArrowDown]");
57
+ userEvent.keyboard("[Enter]");
58
+
59
+ expect(
60
+ await findByText("Choose to filter by specific test titles or tags"),
61
+ ).toBeInTheConsole();
62
+ expect(await findByText("Test titles")).toBeInTheConsole();
63
+ expect(await findByText("Test tags")).toBeInTheConsole();
64
+
65
+ userEvent.keyboard("[Enter]");
66
+
67
+ expect(await findByText("Select tests to run")).toBeInTheConsole();
68
+ expect(
69
+ await findByText("Clock.cy.js > <Clock> > mounts"),
70
+ ).toBeInTheConsole();
71
+ expect(
72
+ await findByText("Stepper.cy.js > <Stepper> > mounts"),
73
+ ).toBeInTheConsole();
74
+
75
+ userEvent.keyboard("[Enter]");
76
+ expect(
77
+ await findByText("Select tests to run: Clock.cy.js > <Clock> > mounts"),
78
+ );
79
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
80
+ });
81
+
82
+ it("handles tag select", async () => {
83
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
84
+ resolve(__dirname, "../index.js"),
85
+ ["--submit-focused"],
86
+ ["--component"],
87
+ ]);
88
+
89
+ expect(
90
+ await findByText(
91
+ "Choose to filter by specs, specific test titles or tags",
92
+ ),
93
+ ).toBeInTheConsole();
94
+
95
+ expect(await findByText("Specs")).toBeInTheConsole();
96
+ expect(
97
+ await findByText("Test titles or tags (requires cy-grep)"),
98
+ ).toBeInTheConsole();
99
+
100
+ userEvent.keyboard("[ArrowDown]");
101
+ userEvent.keyboard("[Enter]");
102
+
103
+ expect(
104
+ await findByText("Choose to filter by specific test titles or tags"),
105
+ ).toBeInTheConsole();
106
+ expect(await findByText("Test titles")).toBeInTheConsole();
107
+ expect(await findByText("Test tags")).toBeInTheConsole();
108
+
109
+ userEvent.keyboard("[ArrowDown]");
110
+ userEvent.keyboard("[Enter]");
111
+
112
+ expect(await findByText("Select tags to run")).toBeInTheConsole();
113
+ expect(await findByText("@p3")).toBeInTheConsole();
114
+
115
+ userEvent.keyboard("[ArrowDown]");
116
+ userEvent.keyboard("[Enter]");
117
+
118
+ expect(await findByText("Select tags to run: @p3"));
119
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
120
+ });
121
+ });
122
+
123
+ describe("component: print selected displays prior to run", () => {
124
+ it("handles spec display", async () => {
125
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
126
+ resolve(__dirname, "../index.js"),
127
+ ["--submit-focused"],
128
+ ["--component"],
129
+ ["--print-selected"],
130
+ ]);
131
+
132
+ expect(
133
+ await findByText(
134
+ "Choose to filter by specs, specific test titles or tags",
135
+ ),
136
+ ).toBeInTheConsole();
137
+
138
+ expect(await findByText("Specs")).toBeInTheConsole();
139
+ expect(
140
+ await findByText("Test titles or tags (requires cy-grep)"),
141
+ ).toBeInTheConsole();
142
+
143
+ userEvent.keyboard("[Enter]");
144
+
145
+ expect(await findByText("Select specs to run")).toBeInTheConsole();
146
+ expect(await findByText("src/components/Clock.cy.js")).toBeInTheConsole();
147
+ expect(await findByText("src/components/Stepper.cy.js")).toBeInTheConsole();
148
+
149
+ userEvent.keyboard("[Enter]");
150
+ expect(await findByText("Spec(s) selected:")).toBeInTheConsole();
151
+ expect(
152
+ await findByText("[ 'src/components/Clock.cy.js' ]"),
153
+ ).toBeInTheConsole();
154
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
155
+ });
156
+
157
+ it("handles test title display", async () => {
158
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
159
+ resolve(__dirname, "../index.js"),
160
+ ["--submit-focused"],
161
+ ["--component"],
162
+ ["--print-selected"],
163
+ ]);
164
+
165
+ expect(
166
+ await findByText(
167
+ "Choose to filter by specs, specific test titles or tags",
168
+ ),
169
+ ).toBeInTheConsole();
170
+
171
+ expect(await findByText("Specs")).toBeInTheConsole();
172
+ expect(
173
+ await findByText("Test titles or tags (requires cy-grep)"),
174
+ ).toBeInTheConsole();
175
+
176
+ userEvent.keyboard("[ArrowDown]");
177
+ userEvent.keyboard("[Enter]");
178
+
179
+ expect(
180
+ await findByText("Choose to filter by specific test titles or tags"),
181
+ ).toBeInTheConsole();
182
+ expect(await findByText("Test titles")).toBeInTheConsole();
183
+ expect(await findByText("Test tags")).toBeInTheConsole();
184
+
185
+ userEvent.keyboard("[Enter]");
186
+
187
+ expect(await findByText("Select tests to run")).toBeInTheConsole();
188
+ expect(
189
+ await findByText("Clock.cy.js > <Clock> > mounts"),
190
+ ).toBeInTheConsole();
191
+ expect(
192
+ await findByText("Stepper.cy.js > <Stepper> > mounts"),
193
+ ).toBeInTheConsole();
194
+
195
+ userEvent.keyboard("[Enter]");
196
+ expect(await findByText("Test(s) selected:")).toBeInTheConsole();
197
+ expect(await findByText("spec: 'Clock.cy.js',")).toBeInTheConsole();
198
+ expect(await findByText("parent: [ '<Clock>' ],")).toBeInTheConsole();
199
+ expect(await findByText("mounts")).toBeInTheConsole();
200
+
201
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
202
+ });
203
+
204
+ it("handles tag display", async () => {
205
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
206
+ resolve(__dirname, "../index.js"),
207
+ ["--submit-focused"],
208
+ ["--component"],
209
+ ["--print-selected"],
210
+ ]);
211
+
212
+ expect(
213
+ await findByText(
214
+ "Choose to filter by specs, specific test titles or tags",
215
+ ),
216
+ ).toBeInTheConsole();
217
+
218
+ expect(await findByText("Specs")).toBeInTheConsole();
219
+ expect(
220
+ await findByText("Test titles or tags (requires cy-grep)"),
221
+ ).toBeInTheConsole();
222
+
223
+ userEvent.keyboard("[ArrowDown]");
224
+ userEvent.keyboard("[Enter]");
225
+
226
+ expect(
227
+ await findByText("Choose to filter by specific test titles or tags"),
228
+ ).toBeInTheConsole();
229
+ expect(await findByText("Test titles")).toBeInTheConsole();
230
+ expect(await findByText("Test tags")).toBeInTheConsole();
231
+
232
+ userEvent.keyboard("[ArrowDown]");
233
+ userEvent.keyboard("[Enter]");
234
+
235
+ expect(await findByText("Select tags to run")).toBeInTheConsole();
236
+ expect(await findByText("@p3")).toBeInTheConsole();
237
+
238
+ userEvent.keyboard("[ArrowDown]");
239
+ userEvent.keyboard("[Enter]");
240
+
241
+ expect(await findByText("Tag(s) selected:")).toBeInTheConsole();
242
+ expect(await findByText("@p3")).toBeInTheConsole();
243
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
244
+ });
245
+ });
246
+
247
+ describe("component: handles choose spec pattern prompt", () => {
248
+ it("handles spec pattern", async () => {
249
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
250
+ resolve(__dirname, "../index.js"),
251
+ ["--submit-focused"],
252
+ ["--component"],
253
+ ["--choose-spec-pattern"],
254
+ ]);
255
+
256
+ expect(
257
+ await findByText(
258
+ "Choose to filter by specs, specific test titles or tags",
259
+ ),
260
+ ).toBeInTheConsole();
261
+
262
+ expect(await findByText("Specs")).toBeInTheConsole();
263
+ expect(
264
+ await findByText("Test titles or tags (requires cy-grep) (disabled)"),
265
+ ).toBeInTheConsole();
266
+
267
+ userEvent.keyboard("[Enter]");
268
+
269
+ expect(await findByText("Select specs to run")).toBeInTheConsole();
270
+ expect(await findByText("src/components/Clock.cy.js")).toBeInTheConsole();
271
+ expect(await findByText("src/components/Stepper.cy.js")).toBeInTheConsole();
272
+
273
+ userEvent.keyboard("[Enter]");
274
+
275
+ expect(
276
+ await findByText("Reorder the specs in desired run order:"),
277
+ ).toBeInTheConsole();
278
+ expect(await findByText("> src/components/Clock.cy.js")).toBeInTheConsole();
279
+
280
+ userEvent.keyboard("[Enter]");
281
+ expect(
282
+ await findByText(
283
+ "Reorder the specs in desired run order: src/components/Clock.cy.js",
284
+ ),
285
+ ).toBeInTheConsole();
286
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
287
+ });
288
+ });
289
+
290
+ describe("component: handles prompt searching", () => {
291
+ it("handles searching", async () => {
292
+ const { findByText, userEvent } = await render("cd ../../../ && node", [
293
+ resolve(__dirname, "../index.js"),
294
+ ["--submit-focused"],
295
+ ["--component"],
296
+ ]);
297
+
298
+ expect(
299
+ await findByText(
300
+ "Choose to filter by specs, specific test titles or tags",
301
+ ),
302
+ ).toBeInTheConsole();
303
+
304
+ expect(await findByText("Specs")).toBeInTheConsole();
305
+ expect(
306
+ await findByText("Test titles or tags (requires cy-grep)"),
307
+ ).toBeInTheConsole();
308
+
309
+ userEvent.keyboard("[Enter]");
310
+
311
+ expect(await findByText("Select specs to run")).toBeInTheConsole();
312
+ expect(await findByText("src/components/Clock.cy.js")).toBeInTheConsole();
313
+ expect(await findByText("src/components/Stepper.cy.js")).toBeInTheConsole();
314
+ await userEvent.keyboard("Clock[Enter]", { delay: 300 });
315
+
316
+ expect(
317
+ await findByText("? Select specs to run: src/components/Clock.cy.js"),
318
+ ).toBeInTheConsole();
319
+
320
+ expect(await findByText("Running Cypress")).toBeInTheConsole();
321
+ });
322
+ });
323
+
324
+ describe("component: accepts custom cypress config", () => {
325
+ it("specs: passing --config-file and --component reads component specPattern", async () => {
326
+ const { findByText, queryByText, userEvent } = await render(
327
+ "cd ../../../ && node",
328
+ [
329
+ resolve(__dirname, "../index.js"),
330
+ ["--submit-focused"],
331
+ ["--component"],
332
+ ["--config-file"],
333
+ ["cypress.new.config.js"],
334
+ ],
335
+ );
336
+
337
+ expect(
338
+ await findByText(
339
+ "Choose to filter by specs, specific test titles or tags",
340
+ ),
341
+ ).toBeInTheConsole();
342
+
343
+ expect(await findByText("Specs")).toBeInTheConsole();
344
+ expect(
345
+ await findByText("Test titles or tags (requires cy-grep)"),
346
+ ).toBeInTheConsole();
347
+
348
+ userEvent.keyboard("[Enter]");
349
+
350
+ expect(await findByText("Select specs to run")).toBeInTheConsole();
351
+ expect(await findByText("src/components/Clock.cy.js")).toBeInTheConsole();
352
+ expect(await findByText("src/components/Stepper.cy.js")).toBeInTheConsole();
353
+
354
+ expect(await queryByText("cypress/e2e")).not.toBeInTheConsole();
355
+
356
+ userEvent.keyboard("[Enter]");
357
+
358
+ expect(await findByText("Running Cypress:")).toBeInTheConsole();
359
+ });
360
+
361
+ it("titles: passing --config-file and --component reads component specPattern", async () => {
362
+ const { findByText, queryByText, userEvent } = await render(
363
+ "cd ../../../ && node",
364
+ [
365
+ resolve(__dirname, "../index.js"),
366
+ ["--submit-focused"],
367
+ ["--component"],
368
+ ["--config-file"],
369
+ ["cypress.new.config.js"],
370
+ ],
371
+ );
372
+
373
+ expect(
374
+ await findByText(
375
+ "Choose to filter by specs, specific test titles or tags",
376
+ ),
377
+ ).toBeInTheConsole();
378
+
379
+ expect(await findByText("Specs")).toBeInTheConsole();
380
+ expect(
381
+ await findByText("Test titles or tags (requires cy-grep)"),
382
+ ).toBeInTheConsole();
383
+
384
+ userEvent.keyboard("[ArrowDown]");
385
+ userEvent.keyboard("[Enter]");
386
+
387
+ expect(
388
+ await findByText("Choose to filter by specific test titles or tags"),
389
+ ).toBeInTheConsole();
390
+ expect(await findByText("Test titles")).toBeInTheConsole();
391
+ expect(await findByText("Tags")).toBeInTheConsole();
392
+
393
+ userEvent.keyboard("[Enter]");
394
+
395
+ expect(await findByText("Select tests to run")).toBeInTheConsole();
396
+ expect(
397
+ await findByText("Clock.cy.js > <Clock> > mounts"),
398
+ ).toBeInTheConsole();
399
+ expect(
400
+ await findByText("Stepper.cy.js > <Stepper> > mounts"),
401
+ ).toBeInTheConsole();
402
+
403
+ expect(await queryByText("cypress/e2e")).not.toBeInTheConsole();
404
+
405
+ userEvent.keyboard("[Enter]");
406
+
407
+ expect(await findByText("Running Cypress:")).toBeInTheConsole();
408
+ });
409
+ });