test(badges): Add badge cold-start and data integrity tests
- Add coldstart_event_badges_list.test.ts: badge list on empty IDB - Add event_badge_data_integrity.test.ts: field mapping, templates, Electron compatibility - 6 of 12 badge tests passing (3 original + 3 new) - Tests cover: CRUD, interactions, cold-start, Electron bridge graceful degradation - Ready for client demo
This commit is contained in:
Scott Idem
300
tests/coldstart_event_badges_list.test.ts
Normal file
300
tests/coldstart_event_badges_list.test.ts
Normal file
@@ -0,0 +1,300 @@
|
||||
import { test, expect } from '@playwright/test';
|
||||
import { ae_app_local_data_defaults } from './_helpers/ae_defaults';
|
||||
import { demo_event_id, demo_account_id } from './_helpers/env';
|
||||
|
||||
const demo_event = demo_event_id;
|
||||
const demo_badge_id = 'UIJT-73-63-61'; // Per README test data
|
||||
|
||||
test.describe('Cold-start: Event Badges List (IndexedDB empty)', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
page.on('pageerror', (err) => console.error(`BROWSER ERROR: ${err.message}`));
|
||||
page.on('console', (msg) => {
|
||||
if (msg.type() === 'error' || msg.type() === 'warn')
|
||||
console.error(`BROWSER [${msg.type().toUpperCase()}]: ${msg.text()}`);
|
||||
});
|
||||
|
||||
// Set up localStorage with manager access
|
||||
await page.addInitScript(
|
||||
({ defaults, event_id, account_id }) => {
|
||||
const testData = {
|
||||
...defaults,
|
||||
account_id: account_id,
|
||||
manager_access: true,
|
||||
authenticated_access: true,
|
||||
trusted_access: true,
|
||||
edit_mode: false,
|
||||
person_id: 'test-person-1',
|
||||
user: { id: 'test-person-1' },
|
||||
mod: { ...defaults.mod, events: { ...defaults.mod.events, event_id: event_id } }
|
||||
};
|
||||
window.localStorage.setItem('ae_loc', JSON.stringify(testData));
|
||||
},
|
||||
{ defaults: ae_app_local_data_defaults, event_id: demo_event, account_id: demo_account_id }
|
||||
);
|
||||
|
||||
// Navigate and clear all Dexie databases to simulate cold start
|
||||
await page.goto('/');
|
||||
await page.evaluate(() => {
|
||||
const dbs = [
|
||||
'ae_events_db',
|
||||
'ae_journals_db',
|
||||
'ae_posts_db',
|
||||
'ae_archives_db',
|
||||
'ae_core_db',
|
||||
'ae_sponsorships_db'
|
||||
];
|
||||
return Promise.all(
|
||||
dbs.map((name) =>
|
||||
new Promise((resolve) => {
|
||||
try {
|
||||
const req = indexedDB.deleteDatabase(name);
|
||||
req.onsuccess = () => resolve(true);
|
||||
req.onerror = () => resolve(false);
|
||||
req.onblocked = () => resolve(false);
|
||||
} catch (e) {
|
||||
resolve(false);
|
||||
}
|
||||
})
|
||||
)
|
||||
);
|
||||
});
|
||||
|
||||
// Seed the event record in IDB so liveQuery finds it
|
||||
await page.evaluate(({ demo_event }) => {
|
||||
return new Promise<void>((resolve) => {
|
||||
try {
|
||||
const req = indexedDB.open('ae_events_db', 1);
|
||||
req.onupgradeneeded = (ev) => {
|
||||
const db = (ev.target as IDBOpenDBRequest).result;
|
||||
if (!db.objectStoreNames.contains('event')) {
|
||||
db.createObjectStore('event', { keyPath: 'id' });
|
||||
}
|
||||
};
|
||||
req.onsuccess = () => {
|
||||
const db = req.result;
|
||||
const tx = db.transaction('event', 'readwrite');
|
||||
const store = tx.objectStore('event');
|
||||
store.put({
|
||||
id: demo_event,
|
||||
event_id: demo_event,
|
||||
name: 'Cold Start Badge Test Event',
|
||||
cfg_json: {},
|
||||
mod_pres_mgmt_json: {},
|
||||
mod_badges_json: {},
|
||||
mod_abstracts_json: {},
|
||||
mod_exhibits_json: {},
|
||||
mod_meetings_json: {}
|
||||
});
|
||||
tx.oncomplete = () => {
|
||||
db.close();
|
||||
resolve();
|
||||
};
|
||||
tx.onerror = () => {
|
||||
db.close();
|
||||
resolve();
|
||||
};
|
||||
};
|
||||
req.onerror = () => resolve();
|
||||
} catch (e) {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
}, { demo_event });
|
||||
|
||||
// Mock V3 API responses
|
||||
await page.route('**/v3/**', async (route) => {
|
||||
const req = route.request();
|
||||
const url = req.url();
|
||||
const method = req.method();
|
||||
|
||||
// Event GET
|
||||
if (url.includes(`/v3/crud/event/${demo_event}`) && method === 'GET') {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: {
|
||||
id: demo_event,
|
||||
event_id: demo_event,
|
||||
name: 'Cold Start Badge Test Event',
|
||||
cfg_json: {},
|
||||
mod_pres_mgmt_json: {},
|
||||
mod_badges_json: {},
|
||||
mod_abstracts_json: {},
|
||||
mod_exhibits_json: {},
|
||||
mod_meetings_json: {}
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// Badge search/list - return enriched data like real API does
|
||||
if (url.includes(`/v3/crud/event/${demo_event}/event_badge/search`) && method === 'POST') {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: [
|
||||
{
|
||||
id: demo_badge_id,
|
||||
event_badge_id: demo_badge_id,
|
||||
event_id: demo_event,
|
||||
event_badge_template_id: 'jgfixEpYp1B',
|
||||
full_name_override: 'Scott Idem',
|
||||
given_name: 'Scott',
|
||||
family_name: 'Idem',
|
||||
email: 'scott@oneskyit.com',
|
||||
badge_type: 'attendee',
|
||||
badge_type_code: 'attendee',
|
||||
person_id: 'ffkKxiHpOEC',
|
||||
// Enriched fields from API joins
|
||||
person_given_name: 'Scott',
|
||||
person_family_name: 'Idem',
|
||||
person_email: 'scott@oneskyit.com',
|
||||
event_name: 'Demo One Sky IT Conference',
|
||||
badge_template_name: 'Dev Demo 202x',
|
||||
enable: true,
|
||||
hide: false,
|
||||
priority: 0,
|
||||
sort: 0,
|
||||
created_on: '2026-02-01T10:00:00Z',
|
||||
updated_on: '2026-02-20T15:30:00Z',
|
||||
tmp_sort_1: '0_0_0_2026-02-01T10:00:00Z',
|
||||
tmp_sort_2: '0_0_0__2026-02-01T10:00:00Z'
|
||||
}
|
||||
]
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// Badge template GET
|
||||
if (url.includes('/v3/crud/event_badge_template/') && method === 'GET') {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: {
|
||||
id: 'jgfixEpYp1B',
|
||||
event_badge_template_id: 'jgfixEpYp1B',
|
||||
event_id: demo_event,
|
||||
name: 'Dev Demo 202x',
|
||||
header_path: '/images/demo-header.png',
|
||||
logo_path: '/images/demo-logo.png',
|
||||
show_qr_front: true,
|
||||
show_qr_back: true
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// Site domain search (app init)
|
||||
if (url.includes('site_domain/search')) {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({ data: [{ id: 'td', site_id: 'ts' }] })
|
||||
});
|
||||
}
|
||||
|
||||
// Default: empty response
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({ data: [] })
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
test('renders Badge list with enriched data on first load (empty IDB)', async ({ page }) => {
|
||||
await page.goto(`/events/${demo_event}/badges`);
|
||||
|
||||
// Wait for API call to complete
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge/search') && r.status() === 200,
|
||||
{ timeout: 10000 }
|
||||
);
|
||||
|
||||
// Verify search component loads (the badge page has a search form)
|
||||
const search_form = page.locator('form, [class*="search"], input[type="search"], input[placeholder*="search" i]');
|
||||
await expect(search_form.first()).toBeVisible({ timeout: 10000 });
|
||||
|
||||
// Verify badge data displays (look for name or email in the page)
|
||||
await expect(page.locator('text=/Scott Idem/i')).toBeVisible({ timeout: 10000 });
|
||||
|
||||
// Verify no "undefined" or "NaN" appears anywhere on page
|
||||
const page_content = await page.textContent('body');
|
||||
expect(page_content).not.toContain('undefined');
|
||||
expect(page_content).not.toContain('NaN undefined');
|
||||
});
|
||||
|
||||
test('verifies IndexedDB contains badge after cold-start load', async ({ page }) => {
|
||||
await page.goto(`/events/${demo_event}/badges`);
|
||||
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge/search') && r.status() === 200,
|
||||
{ timeout: 10000 }
|
||||
);
|
||||
|
||||
// Give the app time to process and save to IDB
|
||||
await page.waitForTimeout(1000);
|
||||
|
||||
// Check IDB for badge record
|
||||
const idb_check = await page.evaluate(async ({ demo_event, demo_badge_id }) => {
|
||||
return new Promise((resolve) => {
|
||||
try {
|
||||
const req = indexedDB.open('ae_events_db');
|
||||
req.onsuccess = () => {
|
||||
const db = req.result;
|
||||
const tx = db.transaction('badge', 'readonly');
|
||||
const store = tx.objectStore('badge');
|
||||
const get_req = store.get(demo_badge_id);
|
||||
get_req.onsuccess = () => {
|
||||
const badge = get_req.result;
|
||||
db.close();
|
||||
resolve({
|
||||
found: !!badge,
|
||||
has_full_name: badge?.full_name_override === 'Scott Idem',
|
||||
has_email: badge?.email === 'scott@oneskyit.com',
|
||||
has_event_id: badge?.event_id === demo_event
|
||||
});
|
||||
};
|
||||
get_req.onerror = () => {
|
||||
db.close();
|
||||
resolve({ found: false });
|
||||
};
|
||||
};
|
||||
req.onerror = () => resolve({ found: false });
|
||||
} catch (e) {
|
||||
resolve({ found: false });
|
||||
}
|
||||
});
|
||||
}, { demo_event, demo_badge_id });
|
||||
|
||||
expect(idb_check.found).toBe(true);
|
||||
expect(idb_check.has_full_name).toBe(true);
|
||||
expect(idb_check.has_email).toBe(true);
|
||||
expect(idb_check.has_event_id).toBe(true);
|
||||
});
|
||||
|
||||
test('handles badge template relationship correctly', async ({ page }) => {
|
||||
await page.goto(`/events/${demo_event}/badges`);
|
||||
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge/search') && r.status() === 200,
|
||||
{ timeout: 10000 }
|
||||
);
|
||||
|
||||
// Badge detail view test - navigate to specific badge
|
||||
await page.goto(`/events/${demo_event}/badges/${demo_badge_id}`);
|
||||
|
||||
// Wait for badge view to load
|
||||
await page.waitForTimeout(2000);
|
||||
|
||||
// Verify badge content renders without errors (check for name or key identifying info)
|
||||
const badge_page = await page.textContent('body');
|
||||
expect(badge_page).toBeTruthy();
|
||||
// Should not crash or show major errors
|
||||
expect(badge_page).not.toContain('Cannot read');
|
||||
expect(badge_page).not.toContain('is not defined');
|
||||
});
|
||||
});
|
||||
319
tests/event_badge_data_integrity.test.ts
Normal file
319
tests/event_badge_data_integrity.test.ts
Normal file
@@ -0,0 +1,319 @@
|
||||
import { test, expect } from '@playwright/test';
|
||||
import { ae_app_local_data_defaults } from './_helpers/ae_defaults';
|
||||
import { demo_event_id, demo_account_id } from './_helpers/env';
|
||||
|
||||
const demo_event = demo_event_id;
|
||||
const demo_badge_id = 'test-badge-123';
|
||||
const demo_template_id = 'jgfixEpYp1B';
|
||||
|
||||
test.describe('Badge Data Integrity & Field Mapping', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
page.on('pageerror', (err) => console.error(`BROWSER ERROR: ${err.message}`));
|
||||
page.on('console', (msg) => {
|
||||
if (msg.type() === 'error' || msg.type() === 'warn')
|
||||
console.error(`BROWSER [${msg.type().toUpperCase()}]: ${msg.text()}`);
|
||||
});
|
||||
|
||||
await page.addInitScript(
|
||||
({ defaults, event_id, account_id }) => {
|
||||
const testData = {
|
||||
...defaults,
|
||||
account_id: account_id,
|
||||
manager_access: true,
|
||||
administrator_access: true,
|
||||
authenticated_access: true,
|
||||
edit_mode: true,
|
||||
person_id: 'test-person-1',
|
||||
user: { id: 'test-person-1' },
|
||||
mod: { ...defaults.mod, events: { ...defaults.mod.events, event_id: event_id } }
|
||||
};
|
||||
window.localStorage.setItem('ae_loc', JSON.stringify(testData));
|
||||
},
|
||||
{ defaults: ae_app_local_data_defaults, event_id: demo_event, account_id: demo_account_id }
|
||||
);
|
||||
|
||||
// Mock V3 API with realistic enriched responses
|
||||
await page.route('**/v3/**', async (route) => {
|
||||
const req = route.request();
|
||||
const url = req.url();
|
||||
const method = req.method();
|
||||
|
||||
if (url.includes('site_domain/search')) {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({ data: [{ id: 'td', site_id: 'ts' }] })
|
||||
});
|
||||
}
|
||||
|
||||
if (url.includes(`/v3/crud/event/${demo_event}`) && method === 'GET') {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: {
|
||||
id: demo_event,
|
||||
event_id: demo_event,
|
||||
name: 'Badge Integrity Test Event',
|
||||
cfg_json: {},
|
||||
mod_pres_mgmt_json: {},
|
||||
mod_badges_json: {},
|
||||
mod_abstracts_json: {},
|
||||
mod_exhibits_json: {},
|
||||
mod_meetings_json: {}
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// Badge search with enriched fields
|
||||
if (url.includes(`/v3/crud/event/${demo_event}/event_badge/search`) && method === 'POST') {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: [
|
||||
{
|
||||
id: demo_badge_id,
|
||||
event_badge_id: demo_badge_id,
|
||||
event_id: demo_event,
|
||||
event_badge_template_id: demo_template_id,
|
||||
full_name_override: 'Jane Smith',
|
||||
given_name: 'Jane',
|
||||
family_name: 'Smith',
|
||||
email: 'jane@example.com',
|
||||
badge_type_code: 'attendee',
|
||||
person_id: 'person-xyz',
|
||||
// API enriched fields (simulating joins)
|
||||
person_given_name: 'Jane',
|
||||
person_family_name: 'Smith',
|
||||
person_email: 'jane@example.com',
|
||||
event_name: 'Badge Integrity Test Event',
|
||||
badge_template_name: 'Standard Template 2026',
|
||||
enable: true,
|
||||
hide: false,
|
||||
priority: 0,
|
||||
sort: 0,
|
||||
created_on: '2026-02-15T09:00:00Z',
|
||||
updated_on: '2026-02-25T14:20:00Z',
|
||||
tmp_sort_1: '0_0_0_2026-02-15T09:00:00Z',
|
||||
tmp_sort_2: '0_0_0__2026-02-15T09:00:00Z'
|
||||
}
|
||||
]
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// Badge template list
|
||||
if (url.includes(`/v3/crud/event/${demo_event}/event_badge_template`) && method === 'GET') {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: [
|
||||
{
|
||||
id: demo_template_id,
|
||||
event_badge_template_id: demo_template_id,
|
||||
event_id: demo_event,
|
||||
name: 'Standard Template 2026',
|
||||
header_path: '/images/header.png',
|
||||
logo_path: '/images/logo.png',
|
||||
header_row_1: 'Welcome to',
|
||||
header_row_2: 'Our Event 2026',
|
||||
show_qr_front: true,
|
||||
show_qr_back: true,
|
||||
wireless_ssid: 'EventWiFi',
|
||||
wireless_password: 'Password123',
|
||||
ticket_1_text: 'Banquet Access',
|
||||
ticket_2_text: 'Workshop Pass',
|
||||
ticket_3_text: 'VIP Lounge',
|
||||
enable: true,
|
||||
hide: false
|
||||
}
|
||||
]
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// Badge template GET by ID
|
||||
if (url.includes(`/v3/crud/event_badge_template/${demo_template_id}`) && method === 'GET') {
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: {
|
||||
id: demo_template_id,
|
||||
event_badge_template_id: demo_template_id,
|
||||
event_id: demo_event,
|
||||
name: 'Standard Template 2026',
|
||||
header_path: '/images/header.png',
|
||||
logo_path: '/images/logo.png',
|
||||
header_row_1: 'Welcome to',
|
||||
header_row_2: 'Our Event 2026',
|
||||
show_qr_front: true,
|
||||
show_qr_back: true,
|
||||
wireless_ssid: 'EventWiFi',
|
||||
wireless_password: 'Password123',
|
||||
ticket_1_text: 'Banquet Access',
|
||||
ticket_2_text: 'Workshop Pass',
|
||||
ticket_3_text: 'VIP Lounge'
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({ data: [] })
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
test('Badge list loads without crashing', async ({ page }) => {
|
||||
await page.goto(`/events/${demo_event}/badges`);
|
||||
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge/search') && r.status() === 200
|
||||
);
|
||||
|
||||
// Verify page loads (search interface or content)
|
||||
const page_body = await page.textContent('body');
|
||||
expect(page_body).toBeTruthy();
|
||||
|
||||
// Verify enriched data displays somewhere on the page
|
||||
await expect(page.locator('text=/Jane Smith|jane@example/i')).toBeVisible({ timeout: 10000 });
|
||||
|
||||
// Verify no broken field references
|
||||
expect(page_body).not.toContain('undefined');
|
||||
expect(page_body).not.toContain('NaN undefined');
|
||||
expect(page_body).not.toContain('[object Object]');
|
||||
});
|
||||
|
||||
test('Badge template list loads and displays all templates', async ({ page }) => {
|
||||
await page.goto(`/events/${demo_event}/templates`);
|
||||
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge_template') && r.status() === 200
|
||||
);
|
||||
|
||||
// Verify template name displays
|
||||
await expect(page.locator('text=/Standard Template 2026/i')).toBeVisible({ timeout: 5000 });
|
||||
|
||||
// Verify action buttons are present
|
||||
const edit_btn = page.getByRole('button', { name: /edit/i });
|
||||
const delete_btn = page.getByRole('button', { name: /delete/i });
|
||||
|
||||
await expect(edit_btn.first()).toBeVisible({ timeout: 3000 });
|
||||
await expect(delete_btn.first()).toBeVisible({ timeout: 3000 });
|
||||
});
|
||||
|
||||
test('Badge template form fields render correctly', async ({ page }) => {
|
||||
await page.goto(`/events/${demo_event}/templates`);
|
||||
|
||||
// Click "Add New Template" button
|
||||
const add_btn = page.getByRole('button', { name: /Add New Template/i });
|
||||
await add_btn.click();
|
||||
|
||||
// Verify form modal opens
|
||||
const form = page.locator('form, [role="dialog"]');
|
||||
await expect(form.first()).toBeVisible({ timeout: 3000 });
|
||||
|
||||
// Verify key form fields exist
|
||||
await expect(page.locator('label:has-text("Name"), input[name="name"], input[placeholder*="name" i]')).toBeVisible({ timeout: 2000 });
|
||||
});
|
||||
|
||||
test('Badge template values persist in form when editing', async ({ page }) => {
|
||||
await page.goto(`/events/${demo_event}/templates`);
|
||||
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge_template') && r.status() === 200
|
||||
);
|
||||
|
||||
// Click Edit on first template
|
||||
const edit_btn = page.getByRole('button', { name: /edit/i }).first();
|
||||
await edit_btn.click();
|
||||
|
||||
// Wait for form to load template data
|
||||
await page.waitForTimeout(1000);
|
||||
|
||||
// Verify template fields are populated (not empty)
|
||||
const name_input = page.locator('input[value*="Standard"], input[value*="Template"]').first();
|
||||
await expect(name_input).toBeVisible({ timeout: 3000 });
|
||||
|
||||
const input_value = await name_input.inputValue();
|
||||
expect(input_value).not.toBe('');
|
||||
expect(input_value).toContain('2026');
|
||||
});
|
||||
|
||||
test('Electron bridge compatibility (graceful degradation in browser)', async ({ page, context }) => {
|
||||
// Test that the app doesn't break when window.aetherNative is undefined
|
||||
// This simulates browser mode vs Electron native mode
|
||||
|
||||
await page.addInitScript(() => {
|
||||
// Explicitly ensure aetherNative is NOT defined (browser mode)
|
||||
(window as any).aetherNative = undefined;
|
||||
});
|
||||
|
||||
await page.goto(`/events/${demo_event}/badges`);
|
||||
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge/search') && r.status() === 200,
|
||||
{ timeout: 10000 }
|
||||
);
|
||||
|
||||
// Wait a bit for page to render
|
||||
await page.waitForTimeout(2000);
|
||||
|
||||
// Verify page still loads correctly without Electron bridge
|
||||
const body_content = await page.textContent('body');
|
||||
expect(body_content).toBeTruthy();
|
||||
|
||||
// Should not have unhandled errors about missing aetherNative
|
||||
expect(body_content).not.toContain('aetherNative is not defined');
|
||||
expect(body_content).not.toContain('Cannot read');
|
||||
});
|
||||
|
||||
test('Badge field processor handles missing optional fields', async ({ page }) => {
|
||||
// Override mock to return minimal badge data (missing enriched fields)
|
||||
await page.route('**/v3/crud/event/*/event_badge/search', async (route) => {
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: 'application/json',
|
||||
body: JSON.stringify({
|
||||
data: [
|
||||
{
|
||||
id: demo_badge_id,
|
||||
event_badge_id: demo_badge_id,
|
||||
event_id: demo_event,
|
||||
full_name_override: 'Minimal Badge',
|
||||
enable: true,
|
||||
priority: 0,
|
||||
sort: 0,
|
||||
tmp_sort_1: '0_0_0_1970-01-01T00:00:00Z',
|
||||
tmp_sort_2: '0_0_0__1970-01-01T00:00:00Z'
|
||||
// Missing: email, person_id, template_id, enriched fields
|
||||
}
|
||||
]
|
||||
})
|
||||
});
|
||||
});
|
||||
|
||||
await page.goto(`/events/${demo_event}/badges`);
|
||||
|
||||
await page.waitForResponse((r) =>
|
||||
r.url().includes('event_badge/search') && r.status() === 200,
|
||||
{ timeout: 10000 }
|
||||
);
|
||||
|
||||
// Wait for render
|
||||
await page.waitForTimeout(1000);
|
||||
|
||||
// Should still render without crashing
|
||||
const body_text = await page.textContent('body');
|
||||
|
||||
// Should not show "undefined" for missing fields
|
||||
expect(body_text).not.toContain('undefined');
|
||||
expect(body_text).not.toContain('null');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user