_check_report_click.mjs 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. import { readFileSync } from 'node:fs'
  2. import { fileURLToPath } from 'node:url'
  3. import { dirname, resolve } from 'node:path'
  4. import { JSDOM, VirtualConsole } from 'jsdom'
  5. const HERE = dirname(fileURLToPath(import.meta.url))
  6. const dist = resolve(HERE, '../../../release/web')
  7. const idx = readFileSync(dist + '/index.html', 'utf8')
  8. const jsFile = (idx.match(/src="([^"]+\.js)"/) || [])[1].replace(/^.*\//, '')
  9. const cssFile = (idx.match(/href="([^"]+\.css)"/) || [])[1].replace(/^.*\//, '')
  10. const code = readFileSync(dist + '/assets/' + jsFile, 'utf8')
  11. const css = readFileSync(dist + '/assets/' + cssFile, 'utf8')
  12. const fleet = readFileSync(resolve(HERE, '_fleet_fixture.json'), 'utf8')
  13. const calls = []
  14. const dom = new JSDOM(idx.replace('</head>', '<style>' + css + '</style></head>'),
  15. { url: 'http://127.0.0.1:28084/detail/v2#tab=report', runScripts: 'outside-only', pretendToBeVisual: true, virtualConsole: new VirtualConsole() })
  16. const w = dom.window
  17. w.fetch = async (u) => { const s = String(u); calls.push(s)
  18. const body = /fleet/.test(s) ? fleet : (/rpt_compose/.test(s) ? '{"narrative":"N","blocks":["kpi"],"model":"m","secs":1}' : '{}')
  19. return { ok: true, status: 200, json: async () => JSON.parse(body), text: async () => body } }
  20. try { w.eval(code) } catch (e) { console.log('EVAL_ERR ' + String(e).slice(0, 160)) }
  21. for (let i = 0; i < 20; i++) { await new Promise((r) => setTimeout(r, 400)); if (w.document.querySelector('[data-preset]')) break }
  22. const d = w.document
  23. const paper = () => d.querySelector('.paper')
  24. console.log('BEFORE paper=' + (paper() ? paper().querySelectorAll('*').length : 0))
  25. const pre = d.querySelector('[data-preset="month"]')
  26. if (pre) pre.dispatchEvent(new w.MouseEvent('click', { bubbles: true }))
  27. await new Promise((r) => setTimeout(r, 900))
  28. console.log('AFTER_PRESET paper=' + (paper() ? paper().querySelectorAll('*').length : 0) + ' blocks=' + d.querySelectorAll('[data-block]').length)
  29. const blk = d.querySelector('[data-block="kpi"]')
  30. if (blk) { blk.dispatchEvent(new w.MouseEvent('click', { bubbles: true })); await new Promise((r) => setTimeout(r, 500)) }
  31. console.log('AFTER_TOGGLE paper=' + (paper() ? paper().querySelectorAll('*').length : 0))
  32. const need = d.querySelector('#rptneed')
  33. if (need) { need.value = '测试需求'; need.dispatchEvent(new w.Event('input', { bubbles: true })) }
  34. const go = d.querySelector('#rptgo')
  35. console.log('GO_DISABLED ' + (go ? go.disabled : 'no-go'))
  36. if (go) { go.dispatchEvent(new w.MouseEvent('click', { bubbles: true })); await new Promise((r) => setTimeout(r, 1200)) }
  37. console.log('CALLS ' + JSON.stringify(calls.filter((c) => /rpt_/.test(c)).slice(-3)))
  38. console.log('OUT ' + ((d.querySelector('#rptout') || {}).textContent || '').slice(0, 60))