// Run with node tests/test_spot_application_validation.js [path/to/app.js].
// Uses only built-in modules and simulated DOM/fetch; never sends requests.
const assert = require('assert/strict');
const fs = require('fs');
const vm = require('vm');
const path = require('path');
const source = fs.readFileSync(process.argv[2] || path.join(__dirname, '../static/js/app.js'), 'utf8');
const code = source.slice(source.indexOf('function validateSpotApplicationForm('),
                          source.indexOf('function decideSpotApplication('));

function fixture() {
    const nodes = {}, alerts = [], requests = [];
    function node() {
        return {value:'', style:{}, listeners:{}, disabled:false, error:'',
            setCustomValidity(message) { this.error = message; },
            addEventListener(name, fn) { this.listeners[name] = fn; },
            remove() { this.removed = true; }};
    }
    const fields = {};
    for (const name of ['product_name','barcode','sample_quantity','recipient_info','group_name','brand','department']) fields[name] = node();
    const button = node(), form = node();
    form.elements = {namedItem:name=>fields[name]};
    form.querySelector = ()=>button;
    form.checkValidity = ()=>['product_name','barcode','sample_quantity','recipient_info'].every(name=>
        fields[name].value.trim() !== '' && !fields[name].error) &&
        /^[0-9]{13}$/.test(fields.barcode.value) &&
        /^\d+$/.test(fields.sample_quantity.value) && !fields.group_name.error;
    form.reportValidity = ()=>{form.reported = true;};
    nodes.spotApplicationForm = form;
    const context = {
        document: {getElementById:id=>nodes[id] || (nodes[id]=node()), createElement:node,
                   body:{appendChild:el=>{nodes[el.id]=el;}}},
        window: {switchSpotApplicationTab:()=>{}}, alert:message=>alerts.push(message),
        FormData:function(form) { this.form = form; },
        fetch:(url, options)=>{
            requests.push({url,options});
            return Promise.resolve({json:()=>Promise.resolve(context.response)});
        },
        response:{code:409, msg:'无法保存，存在重复值：产品名称或条形码已存在'}
    };
    vm.createContext(context);
    vm.runInContext(code, context);
    context.openSpotApplicationModal();
    function fill() {
        fields.product_name.value='样品'; fields.barcode.value='0012345678901';
        fields.sample_quantity.value='2'; fields.recipient_info.value='收件人及地址';
        form.listeners.input.call(form);
    }
    const submit = ()=>form.listeners.submit.call(form,{preventDefault(){}});
    return {context, fields, button, form, nodes, alerts, requests, fill, submit};
}

async function run() {
    let f = fixture();
    assert.equal(f.button.disabled, true);
    const html = f.nodes.spotApplicationModal.innerHTML;
    assert.equal((html.match(/（必填）/g)||[]).length, 5);
    assert(!html.includes('>*</span>'));
    for (const name of ['京东1组','京东2组','阿里1组','阿里2组','阿里3组']) assert(html.includes('value="'+name+'"'));
    assert(html.includes('<select name="department">'));
    assert(!html.includes('<option value="阿里">'));
    f.submit(); assert.equal(f.requests.length, 0);
    f.fill(); assert.equal(f.button.disabled, false);
    f.fields.brand.value='洁维塔'; f.form.listeners.change.call(f.form);
    assert.equal(f.button.disabled, true);
    assert.equal(f.fields.group_name.required, true);
    assert.equal(f.nodes.spotApplicationGroupRequired.style.display, '');
    f.submit(); assert.equal(f.requests.length, 0);
    f.fields.group_name.value='京东1组'; f.form.listeners.change.call(f.form);
    assert.equal(f.button.disabled, false);
    f.fields.group_name.value=''; f.fields.brand.value='泊紫汀兰';
    f.form.listeners.change.call(f.form);
    assert.equal(f.button.disabled, false);
    assert.equal(f.fields.group_name.required, false);
    assert.equal(f.fields.group_name.error, '');
    assert.equal(f.nodes.spotApplicationGroupRequired.style.display, 'none');
    for (const name of ['product_name','sample_quantity','barcode','recipient_info']) {
        const original = f.fields[name].value;
        f.fields[name].value='   '; f.form.listeners.input.call(f.form);
        assert.equal(f.button.disabled, true, name);
        f.fields[name].value=original; f.form.listeners.input.call(f.form);
        assert.equal(f.button.disabled, false);
    }
    for (const value of ['123456789012','12345678901234','a123456789012','１２３４５６７８９０１２３']) {
        f.fields.barcode.value=value; f.form.listeners.input.call(f.form);
        assert.equal(f.button.disabled, true);
        assert.equal(f.nodes.spotApplicationBarcodeError.style.display, 'block');
        assert(f.fields.barcode.error.includes('请填写正确的条形码'));
        f.submit(); assert.equal(f.requests.length, 0);
    }
    f.fill(); f.submit(); f.submit();
    assert.equal(f.requests.length, 1, 'double-click must not send two requests');
    assert.equal(f.button.disabled, true);
    f.form.listeners.input.call(f.form);
    assert.equal(f.button.disabled, true, 'editing during save must not enable button');
    await new Promise(resolve=>setImmediate(resolve));
    assert.equal(f.button.disabled, false);
    assert(f.alerts[0].includes('存在重复值'));
    assert(!f.nodes.spotApplicationModal.removed);
    f = fixture(); f.fill(); f.context.response={code:0,id:8}; f.submit();
    await new Promise(resolve=>setImmediate(resolve));
    assert.equal(f.nodes.spotApplicationModal.removed, true);
    assert.equal(f.alerts[0], '申请已添加');
    console.log('PASS: required markers, disabled save, barcode validation, group options, duplicate errors, double submission, successful save');
}
run().catch(error=>{console.error(error);process.exitCode=1;});