4.6 KiB
4.6 KiB
Instructions
- Following Playwright test failed.
- Explain why, be concise, respect Playwright best practices.
- Provide a snippet of code with the fix, if possible.
Test info
- Name: features.spec.ts >> Mood Radio Page >> shows play mood button
- Location: e2e/features.spec.ts:17:7
Error details
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:5173/mood
Call log:
- navigating to "http://localhost:5173/mood", waiting until "load"
Test source
1 | import { test, expect } from '@playwright/test';
2 |
3 | test.describe('Mood Radio Page', () => {
4 | test.beforeEach(async ({ page }) => {
> 5 | await page.goto('/mood');
| ^ Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:5173/mood
6 | });
7 |
8 | test('shows mood radio title', async ({ page }) => {
9 | await expect(page.getByText('Mood Radio')).toBeVisible();
10 | });
11 |
12 | test('shows mood name', async ({ page }) => {
13 | // Should show one of the mood names
14 | await expect(page.getByText(/Sad|Happy|Energetic|Focused|Chill/)).toBeVisible();
15 | });
16 |
17 | test('shows play mood button', async ({ page }) => {
18 | await expect(page.getByText(/Play Mood|Playing/)).toBeVisible();
19 | });
20 |
21 | test('shows set the mood button', async ({ page }) => {
22 | await expect(page.getByText('Set the Mood')).toBeVisible();
23 | });
24 |
25 | test('clicking set the mood changes mood', async ({ page }) => {
26 | const currentMood = await page.getByRole('heading', { level: 2 }).textContent();
27 | await page.getByText('Set the Mood').click();
28 | await page.waitForTimeout(500);
29 | const newMood = await page.getByRole('heading', { level: 2 }).textContent();
30 | // Mood should change (might rarely be same by random chance)
31 | });
32 |
33 | test('shows circular progress indicator', async ({ page }) => {
34 | // SVG circle should be present
35 | const circle = page.locator('svg circle').last();
36 | await expect(circle).toBeVisible();
37 | });
38 | });
39 |
40 | test.describe('LoFi Channel Page', () => {
41 | test.beforeEach(async ({ page }) => {
42 | await page.goto('/lofi');
43 | });
44 |
45 | test('shows lofi channel title', async ({ page }) => {
46 | await expect(page.getByText('LoFi Channel')).toBeVisible();
47 | });
48 |
49 | test('shows lofi channels', async ({ page }) => {
50 | // Should show at least 3 channels
51 | const channels = page.locator('[class*="aspect-video"]');
52 | await expect(channels).toHaveCount(atLeast(3));
53 | });
54 |
55 | test('shows LoFi label on channels', async ({ page }) => {
56 | await expect(page.getByText('LoFi')).toBeVisible();
57 | });
58 |
59 | function atLeast(n: number) {
60 | return {
61 | pass(received: number) {
62 | return received >= n;
63 | },
64 | message: () => `expected at least ${n} elements`,
65 | };
66 | }
67 | });
68 |
69 | test.describe('Internet Radio Page', () => {
70 | test.beforeEach(async ({ page }) => {
71 | await page.goto('/radio');
72 | });
73 |
74 | test('shows internet radio title', async ({ page }) => {
75 | await expect(page.getByText('Internet Radio')).toBeVisible();
76 | });
77 |
78 | test('shows search bar', async ({ page }) => {
79 | const searchInput = page.getByPlaceholder(/What music is calling/);
80 | await expect(searchInput).toBeVisible();
81 | });
82 |
83 | test('shows stations section', async ({ page }) => {
84 | await expect(page.getByText('Stations')).toBeVisible();
85 | });
86 | });
87 |
88 | test.describe('New Releases Page', () => {
89 | test.beforeEach(async ({ page }) => {
90 | await page.goto('/releases');
91 | });
92 |
93 | test('shows new releases title', async ({ page }) => {
94 | await expect(page.getByText('New Releases')).toBeVisible();
95 | });
96 |
97 | test('shows empty state or releases', async ({ page }) => {
98 | // Either shows releases or empty state with "Add music" message
99 | const hasContent = await page.locator('h2.font-display').count();
100 | expect(hasContent >= 0).toBeTruthy();
101 | });
102 | });
103 |
104 | test.describe('SharePlay Page', () => {
105 | test.beforeEach(async ({ page }) => {