Skip to content

Commit dd0fa2d

Browse files
committed
chore: tweak localStorage var for mock state
1 parent 5ff0963 commit dd0fa2d

11 files changed

Lines changed: 49 additions & 43 deletions

File tree

e2e/README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -193,7 +193,7 @@ When running in mock mode (default), tests use the `@placeos/ts-client` mock mec
193193
2. **WebSocket Mocking**: Real-time updates are simulated
194194
3. **Mock Data**: Pre-defined data from `src/app/mocks/data/`
195195

196-
The mock mode is enabled by setting `localStorage.setItem('mock', 'true')` before page load, which the application checks during initialization.
196+
The mock mode is enabled by setting `localStorage.setItem('BACKOFFICE.mock', 'true')` before page load, which the application checks during initialization.
197197

198198
## Writing New Tests
199199

@@ -206,7 +206,7 @@ import { SystemsPage } from './pages';
206206
test('should create a new system', async ({ page }) => {
207207
// Set mock mode
208208
await page.addInitScript(() => {
209-
localStorage.setItem('mock', 'true');
209+
localStorage.setItem('BACKOFFICE.mock', 'true');
210210
});
211211

212212
const systemsPage = new SystemsPage(page);
@@ -230,7 +230,7 @@ import { UsersPage } from './pages';
230230

231231
test('should create a new user', async ({ page }) => {
232232
await page.addInitScript(() => {
233-
localStorage.setItem('mock', 'true');
233+
localStorage.setItem('BACKOFFICE.mock', 'true');
234234
});
235235

236236
const usersPage = new UsersPage(page);

e2e/src/admin.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ test.describe('Admin', () => {
1313
test.beforeEach(async ({ page }) => {
1414
// Set mock mode in localStorage
1515
await page.addInitScript(() => {
16-
localStorage.setItem('mock', 'true');
16+
localStorage.setItem('BACKOFFICE.mock', 'true');
1717
});
1818
adminPage = new AdminPage(page);
1919
});

e2e/src/domains.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ test.describe('Domains', () => {
1313
test.beforeEach(async ({ page }) => {
1414
// Set mock mode in localStorage
1515
await page.addInitScript(() => {
16-
localStorage.setItem('mock', 'true');
16+
localStorage.setItem('BACKOFFICE.mock', 'true');
1717
});
1818
domainsPage = new DomainsPage(page);
1919
});

e2e/src/fixtures/test-fixtures.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ async function setupAuth(page: Page): Promise<void> {
5151
if (config.use_mock) {
5252
// Set mock mode in localStorage before navigating
5353
await page.addInitScript(() => {
54-
localStorage.setItem('mock', 'true');
54+
localStorage.setItem('BACKOFFICE.mock', 'true');
5555
});
5656
} else {
5757
// For live environment, handle OAuth authentication

e2e/src/mobile.mobile.spec.ts

Lines changed: 30 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ test.describe('Mobile', () => {
8585
page,
8686
}) => {
8787
await page.addInitScript(() => {
88-
localStorage.setItem('mock', 'true');
88+
localStorage.setItem('BACKOFFICE.mock', 'true');
8989
});
9090

9191
await page.goto(buildAppUrl('/#/systems'));
@@ -102,7 +102,7 @@ test.describe('Mobile', () => {
102102
page,
103103
}) => {
104104
await page.addInitScript(() => {
105-
localStorage.setItem('mock', 'true');
105+
localStorage.setItem('BACKOFFICE.mock', 'true');
106106
});
107107

108108
await page.goto(buildAppUrl('/#/systems'));
@@ -123,7 +123,7 @@ test.describe('Mobile', () => {
123123
page,
124124
}) => {
125125
await page.addInitScript(() => {
126-
localStorage.setItem('mock', 'true');
126+
localStorage.setItem('BACKOFFICE.mock', 'true');
127127
});
128128

129129
await page.goto(buildAppUrl('/#/systems'));
@@ -153,7 +153,7 @@ test.describe('Mobile', () => {
153153
page,
154154
}) => {
155155
await page.addInitScript(() => {
156-
localStorage.setItem('mock', 'true');
156+
localStorage.setItem('BACKOFFICE.mock', 'true');
157157
});
158158

159159
await page.goto(buildAppUrl('/#/systems'));
@@ -181,7 +181,7 @@ test.describe('Mobile', () => {
181181
page,
182182
}) => {
183183
await page.addInitScript(() => {
184-
localStorage.setItem('mock', 'true');
184+
localStorage.setItem('BACKOFFICE.mock', 'true');
185185
});
186186

187187
await page.goto(buildAppUrl('/#/systems'));
@@ -196,7 +196,7 @@ test.describe('Mobile', () => {
196196
page,
197197
}) => {
198198
await page.addInitScript(() => {
199-
localStorage.setItem('mock', 'true');
199+
localStorage.setItem('BACKOFFICE.mock', 'true');
200200
});
201201

202202
await page.goto(buildAppUrl('/#/systems'));
@@ -216,7 +216,7 @@ test.describe('Mobile', () => {
216216

217217
test('should display items in selection list', async ({ page }) => {
218218
await page.addInitScript(() => {
219-
localStorage.setItem('mock', 'true');
219+
localStorage.setItem('BACKOFFICE.mock', 'true');
220220
});
221221

222222
await page.goto(buildAppUrl('/#/systems'));
@@ -229,7 +229,7 @@ test.describe('Mobile', () => {
229229

230230
test('should search and filter items', async ({ page }) => {
231231
await page.addInitScript(() => {
232-
localStorage.setItem('mock', 'true');
232+
localStorage.setItem('BACKOFFICE.mock', 'true');
233233
});
234234

235235
await page.goto(buildAppUrl('/#/systems'));
@@ -247,7 +247,7 @@ test.describe('Mobile', () => {
247247

248248
test('should select an item and show details', async ({ page }) => {
249249
await page.addInitScript(() => {
250-
localStorage.setItem('mock', 'true');
250+
localStorage.setItem('BACKOFFICE.mock', 'true');
251251
});
252252

253253
await page.goto(buildAppUrl('/#/systems'));
@@ -259,7 +259,10 @@ test.describe('Mobile', () => {
259259
});
260260

261261
// Select first item
262-
await page.locator('item-selection virtual-scroll a').first().click();
262+
await page
263+
.locator('item-selection virtual-scroll a')
264+
.first()
265+
.click();
263266
await page.waitForTimeout(500);
264267

265268
// Item details should be visible
@@ -273,7 +276,7 @@ test.describe('Mobile', () => {
273276
page,
274277
}) => {
275278
await page.addInitScript(() => {
276-
localStorage.setItem('mock', 'true');
279+
localStorage.setItem('BACKOFFICE.mock', 'true');
277280
});
278281

279282
await page.goto(buildAppUrl('/#/systems'));
@@ -283,7 +286,10 @@ test.describe('Mobile', () => {
283286
await page.waitForSelector('item-selection virtual-scroll a', {
284287
timeout: 10000,
285288
});
286-
await page.locator('item-selection virtual-scroll a').first().click();
289+
await page
290+
.locator('item-selection virtual-scroll a')
291+
.first()
292+
.click();
287293
await page.waitForTimeout(500);
288294

289295
// Open selection again using the trigger button (has rounded-lg class)
@@ -307,7 +313,7 @@ test.describe('Mobile', () => {
307313

308314
test.beforeEach(async ({ page }) => {
309315
await page.addInitScript(() => {
310-
localStorage.setItem('mock', 'true');
316+
localStorage.setItem('BACKOFFICE.mock', 'true');
311317
});
312318
systems_page = new MobileSystemsPage(page);
313319
});
@@ -412,7 +418,7 @@ test.describe('Mobile', () => {
412418
test.describe('Responsive Layout', () => {
413419
test('should hide desktop sidebar on mobile', async ({ page }) => {
414420
await page.addInitScript(() => {
415-
localStorage.setItem('mock', 'true');
421+
localStorage.setItem('BACKOFFICE.mock', 'true');
416422
});
417423

418424
await page.goto(buildAppUrl('/#/systems'));
@@ -425,7 +431,7 @@ test.describe('Mobile', () => {
425431

426432
test('should show add button on mobile', async ({ page }) => {
427433
await page.addInitScript(() => {
428-
localStorage.setItem('mock', 'true');
434+
localStorage.setItem('BACKOFFICE.mock', 'true');
429435
});
430436

431437
await page.goto(buildAppUrl('/#/systems'));
@@ -442,7 +448,7 @@ test.describe('Mobile', () => {
442448
page,
443449
}) => {
444450
await page.addInitScript(() => {
445-
localStorage.setItem('mock', 'true');
451+
localStorage.setItem('BACKOFFICE.mock', 'true');
446452
});
447453

448454
await page.goto(buildAppUrl('/#/systems'));
@@ -469,7 +475,7 @@ test.describe('Mobile', () => {
469475
page,
470476
}) => {
471477
await page.addInitScript(() => {
472-
localStorage.setItem('mock', 'true');
478+
localStorage.setItem('BACKOFFICE.mock', 'true');
473479
});
474480

475481
await page.goto(buildAppUrl('/#/systems'));
@@ -494,7 +500,7 @@ test.describe('Mobile', () => {
494500
page,
495501
}) => {
496502
await page.addInitScript(() => {
497-
localStorage.setItem('mock', 'true');
503+
localStorage.setItem('BACKOFFICE.mock', 'true');
498504
});
499505

500506
await page.goto(buildAppUrl('/#/systems'));
@@ -521,7 +527,7 @@ test.describe('Mobile', () => {
521527
page,
522528
}) => {
523529
await page.addInitScript(() => {
524-
localStorage.setItem('mock', 'true');
530+
localStorage.setItem('BACKOFFICE.mock', 'true');
525531
});
526532

527533
await page.goto(buildAppUrl('/#/systems'));
@@ -548,7 +554,7 @@ test.describe('Mobile', () => {
548554
page,
549555
}) => {
550556
await page.addInitScript(() => {
551-
localStorage.setItem('mock', 'true');
557+
localStorage.setItem('BACKOFFICE.mock', 'true');
552558
});
553559

554560
await page.goto(buildAppUrl('/#/systems'));
@@ -575,7 +581,7 @@ test.describe('Mobile', () => {
575581
test.describe('Form Interactions on Mobile', () => {
576582
test('should fill form fields in modal on mobile', async ({ page }) => {
577583
await page.addInitScript(() => {
578-
localStorage.setItem('mock', 'true');
584+
localStorage.setItem('BACKOFFICE.mock', 'true');
579585
});
580586

581587
await page.goto(buildAppUrl('/#/systems'));
@@ -610,7 +616,7 @@ test.describe('Mobile', () => {
610616
page,
611617
}) => {
612618
await page.addInitScript(() => {
613-
localStorage.setItem('mock', 'true');
619+
localStorage.setItem('BACKOFFICE.mock', 'true');
614620
});
615621

616622
await page.goto(buildAppUrl('/#/systems'));
@@ -648,7 +654,7 @@ test.describe('Mobile', () => {
648654
test.describe('Touch Interactions', () => {
649655
test('should support tap on items', async ({ page }) => {
650656
await page.addInitScript(() => {
651-
localStorage.setItem('mock', 'true');
657+
localStorage.setItem('BACKOFFICE.mock', 'true');
652658
});
653659

654660
await page.goto(buildAppUrl('/#/systems'));
@@ -671,7 +677,7 @@ test.describe('Mobile', () => {
671677

672678
test('should support tap on hamburger menu', async ({ page }) => {
673679
await page.addInitScript(() => {
674-
localStorage.setItem('mock', 'true');
680+
localStorage.setItem('BACKOFFICE.mock', 'true');
675681
});
676682

677683
await page.goto(buildAppUrl('/#/systems'));

e2e/src/systems.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ test.describe('Systems', () => {
1313
test.beforeEach(async ({ page }) => {
1414
// Set mock mode in localStorage
1515
await page.addInitScript(() => {
16-
localStorage.setItem('mock', 'true');
16+
localStorage.setItem('BACKOFFICE.mock', 'true');
1717
});
1818
systemsPage = new SystemsPage(page);
1919
});

e2e/src/users.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ test.describe('Users', () => {
1313
test.beforeEach(async ({ page }) => {
1414
// Set mock mode in localStorage
1515
await page.addInitScript(() => {
16-
localStorage.setItem('mock', 'true');
16+
localStorage.setItem('BACKOFFICE.mock', 'true');
1717
});
1818
usersPage = new UsersPage(page);
1919
});

e2e/src/zones.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ test.describe('Zones', () => {
1313
test.beforeEach(async ({ page }) => {
1414
// Set mock mode in localStorage
1515
await page.addInitScript(() => {
16-
localStorage.setItem('mock', 'true');
16+
localStorage.setItem('BACKOFFICE.mock', 'true');
1717
});
1818
zonesPage = new ZonesPage(page);
1919
});

src/app/common/placeos.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ export async function setupPlace(settings: PlaceSettings): Promise<void> {
4646
const mock =
4747
settings.mock ||
4848
location.href.includes('mock=true') ||
49-
localStorage.getItem('mock') === 'true';
49+
localStorage.getItem('BACKOFFICE.mock') === 'true';
5050
// Generate configuration object
5151
const config: PlaceAuthOptions = {
5252
auth_type: 'auth_code',
@@ -63,7 +63,7 @@ export async function setupPlace(settings: PlaceSettings): Promise<void> {
6363
};
6464
if (localStorage) {
6565
localStorage.setItem(
66-
'mock',
66+
'BACKOFFICE.mock',
6767
`${!!mock && !location.href.includes('mock=false')}`,
6868
);
6969
}

src/main.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { appConfig } from './app/app.config';
55
// Check if mock mode is enabled via URL or localStorage
66
const is_mock =
77
location.href.includes('mock=true') ||
8-
localStorage.getItem('mock') === 'true';
8+
localStorage.getItem('BACKOFFICE.mock') === 'true';
99

1010
// Conditionally load mocks before bootstrapping
1111
const bootstrap = async () => {

0 commit comments

Comments
 (0)