Add test that makes sure the app switches to the out of time view

Author: raksooo

gui/test/e2e/mocked/expired-account-error-view.spec.ts

@@ -4,15 +4,16 @@ import { expect, test } from '@playwright/test';
 import { IAccountData } from '../../../src/shared/daemon-rpc-types';
 import { getBackgroundColor } from '../utils';
 import { colors } from '../../../src/config.json';
+import { RoutePath } from '../../../src/renderer/lib/routes';
 
 let page: Page;
 let util: MockedTestUtils;
 
-test.beforeAll(async () => {
+test.beforeEach(async () => {
   ({ page, util } = await startMockedApp());
 });
 
-test.afterAll(async () => {
+test.afterEach(async () => {
   await page.close();
 });
 
@@ -31,3 +32,15 @@ test('App should show Expired Account Error View', async () => {
   await expect(redeemVoucherButton).toBeVisible();
   expect(await getBackgroundColor(redeemVoucherButton)).toBe(colors.green);
 });
+
+test('App should show out of time view after running out of time', async () => {
+  const expiryDate = new Date();
+  expiryDate.setSeconds(expiryDate.getSeconds() + 2);
+
+  expect(await util.waitForNavigation(async () => {
+    await util.sendMockIpcResponse<IAccountData>({
+      channel: 'account-',
+      response: { expiry: expiryDate.toISOString() },
+    });
+  })).toEqual(RoutePath.expired);
+});