106 lines
5.8 KiB
JavaScript
106 lines
5.8 KiB
JavaScript
const test = require('node:test');
|
|
const assert = require('node:assert/strict');
|
|
const fs = require('node:fs');
|
|
const path = require('node:path');
|
|
const vm = require('node:vm');
|
|
const flush = () => new Promise(setImmediate);
|
|
|
|
async function customerPage(){
|
|
const elements = new Map(), listeners = {}, intervals = [], calls = [];
|
|
class Element {
|
|
constructor(){
|
|
this.children = []; this.attributes = {}; this.value = ''; this.style = {};
|
|
this.className = ''; this.dataset = {}; this.scrollHeight = 300; this.clientHeight = 300;
|
|
this.classList = {
|
|
contains: name => this.className.split(' ').includes(name),
|
|
add: name => { this.className += ' '+name; },
|
|
remove: name => { this.className = this.className.split(' ').filter(value => value !== name).join(' '); },
|
|
toggle: (name, on) => { this.classList.remove(name); if(on) this.classList.add(name); },
|
|
};
|
|
}
|
|
set innerHTML(value){ this.html = value; this.children = []; }
|
|
get innerHTML(){ return this.html || ''; }
|
|
set textContent(value){ this.text = value; this.html = ''; this.children = []; }
|
|
get textContent(){ return (this.text || this.innerText || this.html || '')+this.children.map(child => child.textContent).join(''); }
|
|
setAttribute(name, value){ this.attributes[name] = value; }
|
|
getAttribute(name){ return this.attributes[name]; }
|
|
addEventListener(){}
|
|
appendChild(child){ child.parent = this; this.children.push(child); }
|
|
append(...children){ children.forEach(child => this.appendChild(child)); }
|
|
focus(){}
|
|
querySelector(selector){
|
|
return this.querySelectorAll(selector)[0] || null;
|
|
}
|
|
querySelectorAll(selector){
|
|
const matches = element => {
|
|
if(selector.startsWith('.')) return element.classList.contains(selector.slice(1));
|
|
const id = selector.match(/data-human-message-id="(\d+)"/);
|
|
return id && element.attributes['data-human-message-id'] === id[1];
|
|
};
|
|
return this.children.flatMap(child => [...(matches(child) ? [child] : []), ...child.querySelectorAll(selector)]);
|
|
}
|
|
closest(selector){ return this.classList.contains(selector.slice(1)) ? this : this.parent && this.parent.closest(selector); }
|
|
remove(){ if(this.parent) this.parent.children = this.parent.children.filter(child => child !== this); }
|
|
}
|
|
const element = key => { if(!elements.has(key)) elements.set(key, new Element()); return elements.get(key); };
|
|
const document = {
|
|
body: new Element(), documentElement: {},
|
|
getElementById: id => ['human-typing', 'imgPreview', 'recentChatWrap'].includes(id) ? null : element(id),
|
|
querySelector: selector => element(selector), querySelectorAll: () => [],
|
|
createElement: () => new Element(),
|
|
addEventListener: (name, callback) => { listeners[name] = callback; },
|
|
};
|
|
class TestDate extends Date { constructor(...args){ super(...(args.length ? args : [2026, 9, 29, 12])); } }
|
|
let state = {status:'active', messages:[]};
|
|
const context = vm.createContext({
|
|
document, console, Date:TestDate, navigator:{language:'zh-CN'},
|
|
localStorage:{getItem:() => null, setItem(){}},
|
|
window:{innerWidth:1200, addEventListener(){}, matchMedia:() => ({matches:false})},
|
|
setInterval: callback => { intervals.push(callback); return intervals.length; },
|
|
clearInterval(){}, setTimeout(){}, clearTimeout(){},
|
|
fetch: async (url, options) => {
|
|
calls.push({url, body:options && options.body && JSON.parse(options.body)});
|
|
const data = url === '/api/new_chat' ? {id:1, welcome:'welcome'}
|
|
: url === '/api/human/request' ? {ok:true, session_id:7}
|
|
: url.startsWith('/api/human/poll') ? state
|
|
: url === '/api/rate' ? {ok:true} : [];
|
|
return {ok:true, json:async () => data};
|
|
},
|
|
});
|
|
for(const file of ['support.js', 'chat.js']){
|
|
vm.runInContext(fs.readFileSync(path.join(__dirname, '../../static/js', file), 'utf8'), context, {filename:file});
|
|
}
|
|
listeners.DOMContentLoaded();
|
|
await flush();
|
|
await context.window.showHuman();
|
|
await flush();
|
|
return {context, element, calls, setState:value => { state=value; }, tick:async () => { intervals[0](); await flush(); }};
|
|
}
|
|
|
|
test('the final customer-visible reply is processed before closure and a rating can be submitted', async () => {
|
|
const app = await customerPage();
|
|
app.setState({status:'closed', messages:[{id:1, side:'agent', content:'最后一条回复'}]});
|
|
await app.tick();
|
|
const log = app.element('chatDom');
|
|
assert.match(log.textContent, /最后一条回复/);
|
|
assert.match(log.textContent, /人工客服已结束/);
|
|
const rating = log.querySelector('.service-rating');
|
|
assert.ok(rating);
|
|
await rating.querySelector('.rating-choices').children[4].onclick();
|
|
assert.match(rating.textContent, /感谢您的评价/);
|
|
assert.equal(app.calls.find(call => call.url === '/api/rate').body.stars, 5);
|
|
assert.equal(app.context.window.humanSid, 0);
|
|
});
|
|
|
|
test('recalling an earlier reply preserves newer replies in the customer log', async () => {
|
|
const app = await customerPage();
|
|
app.setState({status:'active', messages:[{id:1, side:'agent', content:'早先的回复'}, {id:2, side:'agent', content:'最新回复'}]});
|
|
await app.tick();
|
|
app.setState({status:'active', messages:[{id:3, side:'system', content:'该消息已撤回', recalled_id:1}]});
|
|
await app.tick();
|
|
const log = app.element('chatDom');
|
|
assert.match(log.textContent, /该消息已撤回/);
|
|
assert.match(log.textContent, /最新回复/);
|
|
assert.doesNotMatch(log.textContent, /早先的回复/);
|
|
});
|