diff options
| author | Hank <hank@mullvad.net> | 2022-09-21 12:54:42 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2024-06-25 10:51:01 +0200 |
| commit | ffee01d7ce1a3579dceaaedbcdbf38424802148f (patch) | |
| tree | 7d08b7089a6f135e2511b582fe55e2c0d193b963 /gui/src | |
| parent | bd105e6ade664ffa51a73674d403cf94e9d8187c (diff) | |
| download | mullvadvpn-ffee01d7ce1a3579dceaaedbcdbf38424802148f.tar.xz mullvadvpn-ffee01d7ce1a3579dceaaedbcdbf38424802148f.zip | |
Add e2e test for account expiry notifications
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/NotificationArea.tsx | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/gui/src/renderer/components/NotificationArea.tsx b/gui/src/renderer/components/NotificationArea.tsx index ebd87b58b7..fff30300d0 100644 --- a/gui/src/renderer/components/NotificationArea.tsx +++ b/gui/src/renderer/components/NotificationArea.tsx @@ -96,11 +96,18 @@ export default function NotificationArea(props: IProps) { if (notification) { return ( - <NotificationBanner className={props.className}> - <NotificationIndicator $type={notification.indicator} /> + <NotificationBanner className={props.className} data-testid="notificationBanner"> + <NotificationIndicator + $type={notification.indicator} + data-testid="notificationIndicator" + /> <NotificationContent role="status" aria-live="polite"> - <NotificationTitle>{notification.title}</NotificationTitle> - <NotificationSubtitle>{formatHtml(notification.subtitle ?? '')}</NotificationSubtitle> + <NotificationTitle data-testid="notificationTitle"> + {notification.title} + </NotificationTitle> + <NotificationSubtitle data-testid="notificationSubTitle"> + {formatHtml(notification.subtitle ?? '')} + </NotificationSubtitle> </NotificationContent> {notification.action && <NotificationActionWrapper action={notification.action} />} </NotificationBanner> |