Move on-behalf ticket creation into a header dialog and load ticket handling on demand. Reuse the admin REST write path, preserve drafts and filters, and cover dialog and server boundaries with regression tests. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
113 lines
6.8 KiB
JavaScript
113 lines
6.8 KiB
JavaScript
'use strict';
|
|
|
|
const assert = require('node:assert/strict');
|
|
const fs = require('node:fs');
|
|
const path = require('node:path');
|
|
const test = require('node:test');
|
|
const root = path.resolve(__dirname, '../..');
|
|
const read = file => fs.readFileSync(path.join(root, file), 'utf8');
|
|
|
|
const center = read('src/Admin/Native/UsersMenusTicketsCenter.php');
|
|
const list = read('src/Admin/Native/UsersMenusTicketsList.php');
|
|
const detail = read('src/Admin/Native/UsersMenusTicketsDetail.php');
|
|
const dialogs = read('src/Admin/Native/UsersMenusTicketsDialogs.php');
|
|
const menus = read('src/Admin/Native/UsersMenus.php');
|
|
const js = read('assets/js/admin-tickets.js');
|
|
|
|
test('ticket native page registers only a protected read action; writes reuse REST', () => {
|
|
assert.match(menus, /use UsersMenusTicketsCenter;/);
|
|
assert.match(menus, /'users.php',[\s\S]*?'aksrt_tickets'/);
|
|
assert.match(menus, /add_action\('wp_ajax_aksrt_ticket_view', \[\$this, 'ajax_ticket_view'\]\)/);
|
|
assert.match(center, /current_user_can\(self::CAPABILITY\)/);
|
|
assert.match(center, /check_ajax_referer\('aksrt_ticket_view', 'nonce', false\)/);
|
|
assert.match(center, /wp_create_nonce\('wp_rest'\)/);
|
|
assert.match(center, /rest_url\('aksrt\/v1\/admin\/tickets' \./);
|
|
assert.match(js, /'X-WP-Nonce': config.restNonce/);
|
|
assert.doesNotMatch(menus, /admin_post_aksrt_ticket_update/);
|
|
assert.doesNotMatch(center, /function (handle_ticket_update|ticket_action_\w+|ticket_redirect|render_ticket_notices)/);
|
|
assert.match(menus, /count_pending_tickets\(\)/);
|
|
assert.match(menus, /TicketSettings::enabled\(\)/);
|
|
});
|
|
|
|
test('create is a primary header dialog action, not an inline or collapsed form', () => {
|
|
assert.match(center, /'label' => __\('代客提交工单', 'aksrt'\),\s*'dialog' => 'aksrt-ticket-create-dialog',\s*'primary' => true/);
|
|
assert.match(center, /use UsersMenusTicketsDialogs;/);
|
|
assert.match(dialogs, /<dialog id="aksrt-ticket-create-dialog"/);
|
|
assert.match(dialogs, /<dialog id="aksrt-ticket-detail-dialog"/);
|
|
assert.doesNotMatch(list, /ticket_form_open\('create'|<details|render_ticket_detail_panel/);
|
|
assert.doesNotMatch(detail, /admin-post\.php|wp_nonce_field/);
|
|
assert.match(dialogs, /aria-labelledby="aksrt-ticket-create-title"/);
|
|
assert.match(js, /typeof detailDialog.showModal/);
|
|
});
|
|
|
|
test('detail lookup is independent of the filtered list; paging clamps and preserves filters', () => {
|
|
assert.match(center, /TicketRepository::get_instance\(\)->find\(\$id\)/);
|
|
assert.match(center, /wp_send_json_error\(\['message' => __\('工单不存在或已被删除。', 'aksrt'\)\], 404\)/);
|
|
assert.match(list, /AdminListPagination::render\(/);
|
|
assert.match(list, /'limit' => self::TICKET_PER_PAGE/);
|
|
assert.match(center, /private const TICKET_PER_PAGE = 20;/);
|
|
assert.match(list, /if \(\$paged > \$last_page\)/);
|
|
assert.match(list, /array_merge\(\$filters, \['status' => \$key\]\)/);
|
|
assert.match(list, /'keywords' => \$filters\['s'\]/);
|
|
assert.match(list, /'status' => array_column\(\$statuses, 'status_key'\)/);
|
|
assert.match(js, /\['status', 'ticket_type_id', 's', 'paged'\]/);
|
|
assert.match(js, /searchParams.get\('id'\)/);
|
|
assert.doesNotMatch(list + js, /aria-expanded|detail-row|scrollIntoView/);
|
|
});
|
|
|
|
test('conversation, private notes and final-state confirmation remain distinct', () => {
|
|
assert.match(detail, /TicketNoteService::for_ticket\(\$id\)/);
|
|
assert.match(detail, /TicketRepository::get_instance\(\)->replies\(\$id\)/);
|
|
assert.match(detail, /!empty\(\$quote\['is_deleted'\]\) \? __\('原回复已删除', 'aksrt'\)/);
|
|
for (const action of ['reply', 'note', 'status']) assert.ok(detail.includes(`ticket_form_open('${action}'`));
|
|
assert.match(detail, /aksrt-ticket-detail__closed/);
|
|
assert.match(detail, /TicketStatusService::can_transition\(\$from, \$key\)/);
|
|
assert.match(detail, /data-aksrt-ticket-close-confirm/);
|
|
assert.match(detail, /data-aksrt-ticket-assign/);
|
|
assert.match(detail, /仅管理员可见,不会发送给用户/);
|
|
});
|
|
|
|
test('dialog safety includes dirty guards, focus return, cancel race protection and retry without POST', () => {
|
|
assert.match(js, /window.confirm\(strings.discard\)/);
|
|
assert.match(js, /window.addEventListener\('beforeunload'/);
|
|
assert.match(js, /current !== generation/);
|
|
assert.match(js, /readController.abort\(\)/);
|
|
assert.match(js, /previous.focus\(\)/);
|
|
assert.match(js, /if \(saving \|\| loading \|\| stale/);
|
|
assert.match(js, /next.length > field.maxLength/);
|
|
assert.match(js, /savedDrafts = restore \|\| \{\}/);
|
|
assert.match(js, /strings.refreshFailed/);
|
|
assert.match(js, /strings.uncertain/);
|
|
const css = read('assets/css/admin/tickets.css');
|
|
assert.match(css, /\.aksrt-ticket-dialog:not\(\[open\]\)/);
|
|
assert.match(css, /:focus-visible/);
|
|
assert.match(css, /@media \(prefers-reduced-motion: reduce\)/);
|
|
assert.match(css, /@media \(max-width: 600px\)/);
|
|
assert.doesNotMatch(css, /detail-row|row\.is-open/);
|
|
});
|
|
|
|
test('configuration remains in the SPA; native ops has no old config tabs', () => {
|
|
assert.match(center, /admin_url\('admin\.php\?page=aksrt-settings#\/users\/ticket'\)/);
|
|
assert.doesNotMatch(center + list + detail, /nav-tab-wrapper|ticket_tab|UsersMenusTicketsConfig/);
|
|
assert.ok(!fs.existsSync(path.join(root, 'src/Admin/Native/UsersMenusTicketsConfig.php')));
|
|
assert.ok(read('assets/admin/src/router/index.js').includes("{ path: '/users/tickets', title: '工单管理', nativeAdminPath: 'users.php?page=aksrt_tickets' }"));
|
|
});
|
|
|
|
test('frontend hooks remain aligned with their independent REST consumer', () => {
|
|
const renderer = read('inc/helpers/user-center-renderers/profile-tickets.php');
|
|
const frontend = read('assets/js/ticket-center.js') + '\n' + read('assets/js/ticket-center-core.js');
|
|
for (const hook of ['data-aksrt-ticket-center', 'data-aksrt-ticket-create', 'data-aksrt-ticket-stats', 'data-aksrt-ticket-stat=', 'data-aksrt-ticket-list', 'data-aksrt-ticket-pagination', 'data-aksrt-tickets-search', 'data-aksrt-ticket-filter=']) {
|
|
assert.ok(renderer.includes(hook), `renderer missing ${hook}`);
|
|
}
|
|
for (const hook of ['data-aksrt-ticket-center', 'data-aksrt-ticket-create', 'data-aksrt-ticket-list', 'data-aksrt-ticket-view=', 'data-aksrt-ticket-page=', 'data-aksrt-ticket-quote=', 'data-aksrt-ticket-images']) {
|
|
assert.ok(frontend.includes(hook), `frontend missing ${hook}`);
|
|
}
|
|
for (const endpoint of ["'/tickets'", "'/tickets/statistic'", "'/tickets/meta'", "'/tickets/' + ticketId", "'/tickets/' + ticket.id + '/reply'", "'/ticket/upload-attachment'"]) {
|
|
assert.ok(frontend.includes(endpoint));
|
|
}
|
|
assert.match(frontend, /runCaptcha\('ticket_create'\)/);
|
|
assert.match(frontend, /runCaptcha\('ticket_reply'\)/);
|
|
const css = read('assets/css/routes/tickets.css');
|
|
for (const hook of ['.aksrt-tickets-page', '.aksrt-ticket-badge', '.aksrt-ticket-detail', '--aksrt-ticket-color']) assert.ok(css.includes(hook));
|
|
});
|