Se muestran cuando ejecutas los tests. Hasta entonces aparecen como un requisito oculto.
Crea un semáforo que recorra sus colores en ciclo al pulsar un botón. Practicas el estado como posición dentro de un ciclo.
Next.Red, Green, Yellow y Next, y el role="status" del color: los usan los tests.Red.Next, pasa al siguiente color de la lista: Red, Green, Yellow.Red.Next → ves Green.Yellow.Guarda en el estado la posición dentro de LIGHTS, no el texto del color.
El color que muestras sale de LIGHTS[position].
Para avanzar a la siguiente posición, piensa en qué ocurre cuando la posición llega al final de la lista.
La consola está vacía
Ejecuta tu código con Ctrl+S
Esta consola empieza de cero cada vez que se carga la vista previa. La consola de DevTools del navegador conserva los mensajes con Preserve log.