signup-entry-diagnostics.test.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. const test = require('node:test');
  2. const assert = require('node:assert/strict');
  3. const fs = require('node:fs');
  4. const source = fs.readFileSync('content/signup-page.js', 'utf8');
  5. function extractFunction(name) {
  6. const markers = [`async function ${name}(`, `function ${name}(`];
  7. const start = markers
  8. .map((marker) => source.indexOf(marker))
  9. .find((index) => index >= 0);
  10. if (start < 0) {
  11. throw new Error(`missing function ${name}`);
  12. }
  13. let parenDepth = 0;
  14. let signatureEnded = false;
  15. let braceStart = -1;
  16. for (let i = start; i < source.length; i += 1) {
  17. const ch = source[i];
  18. if (ch === '(') {
  19. parenDepth += 1;
  20. } else if (ch === ')') {
  21. parenDepth -= 1;
  22. if (parenDepth === 0) {
  23. signatureEnded = true;
  24. }
  25. } else if (ch === '{' && signatureEnded) {
  26. braceStart = i;
  27. break;
  28. }
  29. }
  30. if (braceStart < 0) {
  31. throw new Error(`missing body for function ${name}`);
  32. }
  33. let depth = 0;
  34. let end = braceStart;
  35. for (; end < source.length; end += 1) {
  36. const ch = source[end];
  37. if (ch === '{') depth += 1;
  38. if (ch === '}') {
  39. depth -= 1;
  40. if (depth === 0) {
  41. end += 1;
  42. break;
  43. }
  44. }
  45. }
  46. return source.slice(start, end);
  47. }
  48. test('signup entry diagnostics summarizes current page inputs and visible actions', () => {
  49. const api = new Function(`
  50. const location = { href: 'https://chatgpt.com/' };
  51. const document = {
  52. title: 'ChatGPT',
  53. readyState: 'complete',
  54. querySelector() {
  55. return null;
  56. },
  57. querySelectorAll(selector) {
  58. if (selector === 'a, button, [role="button"], [role="link"], input[type="button"], input[type="submit"]') {
  59. return [
  60. {
  61. tagName: 'BUTTON',
  62. textContent: 'Get started',
  63. disabled: false,
  64. getAttribute(name) {
  65. return name === 'type' ? 'button' : '';
  66. },
  67. },
  68. {
  69. tagName: 'A',
  70. textContent: 'Log in',
  71. disabled: false,
  72. getAttribute() {
  73. return '';
  74. },
  75. },
  76. ];
  77. }
  78. return [];
  79. },
  80. };
  81. function isVisibleElement() {
  82. return true;
  83. }
  84. function getActionText(el) {
  85. return [el?.textContent, el?.value, el?.getAttribute?.('aria-label'), el?.getAttribute?.('title')]
  86. .filter(Boolean)
  87. .join(' ')
  88. .replace(/\\s+/g, ' ')
  89. .trim();
  90. }
  91. function isActionEnabled(el) {
  92. return Boolean(el) && !el.disabled && el.getAttribute('aria-disabled') !== 'true';
  93. }
  94. function getSignupEmailInput() {
  95. return null;
  96. }
  97. function getSignupPasswordInput() {
  98. return null;
  99. }
  100. function getPageTextSnapshot() {
  101. return 'Welcome to ChatGPT. Try our latest models.';
  102. }
  103. ${extractFunction('getSignupEntryDiagnostics')}
  104. return {
  105. run() {
  106. return getSignupEntryDiagnostics();
  107. },
  108. };
  109. `)();
  110. const result = api.run();
  111. assert.equal(result.url, 'https://chatgpt.com/');
  112. assert.equal(result.title, 'ChatGPT');
  113. assert.equal(result.readyState, 'complete');
  114. assert.equal(result.hasEmailInput, false);
  115. assert.equal(result.hasPasswordInput, false);
  116. assert.deepStrictEqual(result.visibleActions, [
  117. { tag: 'button', type: 'button', text: 'Get started', enabled: true },
  118. { tag: 'a', type: '', text: 'Log in', enabled: true },
  119. ]);
  120. assert.match(result.bodyTextPreview, /Welcome to ChatGPT/);
  121. });