Pantalla de detalle de una gasolinera
Implementa: web, app
Consume: api
Estado: activa
Última revisión: 2026-05-21T19:38:35Z
# Implementa: web, app
# Consume: api
# Estado: activa
# Última revisión: 2026-05-21T19:38:35Z
# Position: 6
Feature: Pantalla de detalle de una gasolinera
Al pulsar sobre una gasolinera en la lista de resultados, el usuario
accede a su pantalla de detalle. Esta pantalla muestra la información
completa de la estación: precios por combustible, estado de apertura,
tiempo estimado de conducción, dirección y acceso a reportar un problema.
Background:
Given el usuario ha pulsado sobre una gasolinera en la lista de resultados
# ---------------------------------------------------------------------------
# Hero card — precio primario
# ---------------------------------------------------------------------------
Scenario: El precio de la hero card no cambia al explorar otros combustibles
Given la estación tiene GLP a 0,939 €/L como combustible primario de la búsqueda
And la hero card muestra 0,939 €/L
When el usuario pulsa la fila "Diésel" en la lista de precios
Then la hero card sigue mostrando 0,939 €/L
And el precio de la hero card no refleja el precio del Diésel
# ---------------------------------------------------------------------------
# Gráfico de historial de precios — selección por fila
# ---------------------------------------------------------------------------
# El gráfico muestra un combustible a la vez. La fila resaltada en la lista
# de precios indica qué combustible está activo en el gráfico.
# Ver price-history.feature para el comportamiento completo del gráfico.
Scenario: El gráfico se inicializa con el combustible primario de la búsqueda
Given la estación tiene GLP como combustible primario de la búsqueda
Then la fila "GLP" aparece resaltada en la lista de precios
And el gráfico muestra la curva histórica del GLP
And el indicador de variación corresponde al GLP
Scenario: Pulsar una fila actualiza el gráfico
Given la fila "GLP" está resaltada y el gráfico muestra el historial del GLP
When el usuario pulsa la fila "Diésel"
Then la fila "Diésel" queda resaltada
And la fila "GLP" deja de estar resaltada
And el gráfico muestra la curva histórica del Diésel
And el indicador de variación se actualiza al delta del Diésel
Scenario: Solo una fila puede estar resaltada a la vez
When el usuario pulsa la fila "Diésel"
Then únicamente la fila "Diésel" aparece resaltada
And las demás filas no están resaltadas