Restructure primary navigation

codex/redisenio-dominio-musical
dev 4 weeks ago
parent 5e97336e56
commit e7dd9b4599

@ -98,10 +98,7 @@ test.describe('Reproductor', () => {
const barra = page.getByRole('region', { name: 'Reproductor' });
await expect(temaEnBarra(page, 'amame-esta-noche-nada-mas')).toBeVisible();
await page
.getByRole('navigation', { name: 'Principal' })
.getByRole('link', { name: 'Bio' })
.click();
await page.getByRole('contentinfo').getByRole('link', { name: 'Sobre mí' }).click();
await expect(page).toHaveURL('/bio');
await expect(barra).toBeVisible();

@ -90,9 +90,10 @@ test.describe('Responsive', () => {
// Por nombre y no por cuenta: en móvil no se recorta el menú, y así la
// prueba dice cuál falta en vez de que el número no cuadra.
for (const seccion of ['Música', 'Taller de letras', 'Blog', 'Bio']) {
for (const seccion of ['Música', 'Músicos y grupos', 'Taller de letra', 'Blog']) {
await expect(nav.getByRole('link', { name: seccion })).toBeVisible();
}
await expect(nav.getByRole('link', { name: 'Bio', exact: true })).toHaveCount(0);
await expect(nav.getByRole('link', { name: 'Géneros', exact: true })).toHaveCount(0);
// Contacto no: va solo en el pie, que es donde se busca escribir.

@ -381,7 +381,7 @@ test.describe('Taller de letras', () => {
const nav = page.getByRole('navigation', { name: 'Principal' });
await expect(nav.getByRole('link', { name: 'Géneros', exact: true })).toHaveCount(0);
await nav.getByRole('link', { name: 'Taller de letras', exact: true }).click();
await nav.getByRole('link', { name: 'Taller de letra', exact: true }).click();
await expect(page).toHaveURL('/taller');
const generos = page.getByRole('link', { name: 'Ver los géneros', exact: true });

@ -27,6 +27,7 @@
<div>
<p class="nombre">{site.nombre}</p>
<p class="muted">{site.titular}</p>
<p><a href={resolve('/bio')}>Sobre mí</a></p>
</div>
</div>

@ -14,9 +14,9 @@ import type { ResolvedPathname } from '$app/types';
*/
export const navegacion: { href: ResolvedPathname; texto: string }[] = [
{ href: resolve('/musica'), texto: 'Música' },
{ href: resolve('/taller'), texto: 'Taller de letras' },
{ href: resolve('/blog'), texto: 'Blog' },
{ href: resolve('/bio'), texto: 'Bio' }
// Contacto no está aquí: va solo en el pie. La barra es para lo que se viene
// a ver, y escribir no es de eso; en el pie es donde se busca.
{ href: resolve('/interpretes'), texto: 'Músicos y grupos' },
{ href: resolve('/taller'), texto: 'Taller de letra' },
{ href: resolve('/blog'), texto: 'Blog' }
// La información personal y el contacto viven en el pie. La barra queda
// reservada para descubrir la música y el contenido editorial.
];

Loading…
Cancel
Save

Powered by TurnKey Linux.