@inboxsdk/core 0.2.28-alpha.0 → 0.2.28-alpha.1

package/src/injected-js/gmail/setup-gmonkey-handler.d.ts

@@ -2,3 +2,4 @@ declare global {
     var gmonkey: any | undefined;
 }
 export default function setupGmonkeyHandler(): void;
+//# sourceMappingURL=setup-gmonkey-handler.d.ts.map

package/src/injected-js/gmail/setup-gmonkey-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-gmonkey-handler.d.ts","sourceRoot":"","sources":["../../../../../src/injected-js/gmail/setup-gmonkey-handler.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,OAAO,EAAE,GAAG,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,SA2C1C"}

package/src/injected-js/gmail/sync-compose-processor-20220909.d.ts

@@ -25,3 +25,4 @@ export declare function parseComposeResponseBody_2022_09_09(response: Array<any>
 }[];
 export declare function replaceBodyContentInComposeSendRequestBody_2022_09_09(request: Array<any>, newBodyHtmlContent: string): Array<any> | null;
 export declare function actionsToComposeRequestType(actions: string[]): ComposeRequestType | null;
+//# sourceMappingURL=sync-compose-processor-20220909.d.ts.map

package/src/injected-js/gmail/sync-compose-processor-20220909.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-compose-processor-20220909.d.ts","sourceRoot":"","sources":["../../../../../src/injected-js/gmail/sync-compose-processor-20220909.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wEAAwE,CAAC;AAEtG,OAAO,EACL,kBAAkB,EAGnB,MAAM,aAAa,CAAC;AAOrB,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;SAErE;AAED,wBAAgB,mCAAmC,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;IAEvE;AAED,wBAAgB,qDAAqD,CACnE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,EACnB,kBAAkB,EAAE,MAAM,GACzB,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAEnB;AA0VD,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,MAAM,EAAE,GAChB,kBAAkB,GAAG,IAAI,CAa3B"}

package/src/injected-js/gmail/sync-compose-processor.d.ts

@@ -13,3 +13,4 @@ export declare function parseComposeResponseBody(response: string): {
     type: import("./constants").ComposeRequestType;
 }[];
 export declare function replaceBodyContentInComposeSendRequestBody(request: string, newBodyHtmlContent: string): string;
+//# sourceMappingURL=sync-compose-processor.d.ts.map

package/src/injected-js/gmail/sync-compose-processor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-compose-processor.d.ts","sourceRoot":"","sources":["../../../../../src/injected-js/gmail/sync-compose-processor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAY7C,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,GACd,cAAc,GAAG,IAAI,CA2BvB;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM;;;;;;;;;;;IAQxD;AAED,wBAAgB,0CAA0C,CACxD,OAAO,EAAE,MAAM,EACf,kBAAkB,EAAE,MAAM,GACzB,MAAM,CAyBR"}

package/src/injected-js/gmail/sync-compose-request-processor.d.ts

@@ -1,3 +1,4 @@
 import { ComposeRequest } from './constants';
 export declare function getDetailsOfComposeRequest(parsed: Record<any, any>): ComposeRequest | null;
 export declare function replaceEmailBodyForSendRequest(request: string, newBody?: string): string;
+//# sourceMappingURL=sync-compose-request-processor.d.ts.map

package/src/injected-js/gmail/sync-compose-request-processor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-compose-request-processor.d.ts","sourceRoot":"","sources":["../../../../../src/injected-js/gmail/sync-compose-request-processor.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAoC,MAAM,aAAa,CAAC;AAE/E,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GACvB,cAAc,GAAG,IAAI,CAoEvB;AAiCD,wBAAgB,8BAA8B,CAC5C,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CAwCR"}

package/src/injected-js/gmail/sync-compose-request-processor.test.js

@@ -0,0 +1,90 @@
+/* @flow */
+
+import fs from 'fs';
+
+import * as SCRP from './sync-compose-request-processor';
+
+it('handles first draft save', () => {
+  const request = fs.readFileSync(
+    __dirname +
+      '/../../../__tests__/sync-compose-request-processor/first-draft-save-request-2018-01-25.json',
+    'utf8'
+  );
+
+  const composeRequest = SCRP.getDetailsOfComposeRequest(JSON.parse(request));
+  expect(composeRequest).toMatchObject({
+    body: '<div dir="ltr">new new draft</div>',
+    type: 'FIRST_DRAFT_SAVE',
+    draftID: 'r-5205311597211900881',
+    subject: 'new draft',
+    to: null,
+    cc: null,
+    bcc: null,
+  });
+});
+
+it('handles regular draft save', () => {
+  const request = fs.readFileSync(
+    __dirname +
+      '/../../../__tests__/sync-compose-request-processor/draft-save-request-2018-01-25.json',
+    'utf8'
+  );
+
+  const composeRequest = SCRP.getDetailsOfComposeRequest(JSON.parse(request));
+  expect(composeRequest).toMatchObject({
+    body: '<div dir="ltr">new new draft 2</div>',
+    type: 'DRAFT_SAVE',
+    draftID: 'r-5205311597211900881',
+    subject: 'new draft',
+    to: null,
+    cc: null,
+    bcc: null,
+  });
+});
+
+it('handles regular draft save with recipients', () => {
+  const request = fs.readFileSync(
+    __dirname +
+      '/../../../__tests__/sync-compose-request-processor/draft-save-request-2018-01-25-with-recipients.json',
+    'utf8'
+  );
+
+  const composeRequest = SCRP.getDetailsOfComposeRequest(JSON.parse(request));
+  expect(composeRequest).toMatchObject({
+    body: '<div dir="ltr">new new draft 2</div>',
+    type: 'DRAFT_SAVE',
+    draftID: 'r-5205311597211900881',
+    subject: 'new draft',
+    to: [
+      { emailAddress: 'test+to@gmail.com', name: null },
+      { emailAddress: 'test+to2@gmail.com', name: 'test to2' },
+    ],
+    cc: [
+      { emailAddress: 'test+cc@gmail.com', name: null },
+      { emailAddress: 'test+cc2@gmail.com', name: 'test cc2' },
+    ],
+    bcc: [
+      { emailAddress: 'test+bcc@gmail.com', name: null },
+      { emailAddress: 'test+bcc2@gmail.com', name: 'test bcc2' },
+    ],
+  });
+});
+
+it('handles sending', () => {
+  const request = fs.readFileSync(
+    __dirname +
+      '/../../../__tests__/sync-compose-request-processor/send-request-2018-01-25.json',
+    'utf8'
+  );
+
+  const composeRequest = SCRP.getDetailsOfComposeRequest(JSON.parse(request));
+  expect(composeRequest).toMatchObject({
+    body: '<div dir="ltr">new new draft 2</div>',
+    type: 'SEND',
+    draftID: 'r-5205311597211900881',
+    subject: 'new draft',
+    to: [{ emailAddress: 'test+to@test.com', name: null }],
+    cc: null,
+    bcc: null,
+  });
+});

package/src/injected-js/gmail/thread-identifier/click-and-get-popup-url.js

@@ -0,0 +1,96 @@
+/* @flow */
+
+import constant from 'lodash/constant';
+import noop from 'lodash/noop';
+import * as logger from '../../injected-logger';
+
+const ignoreErrors = constant(true);
+
+function getIfOwn(object: Object, prop: string): any {
+  if (Object.prototype.hasOwnProperty.call(object, prop)) {
+    return object[prop];
+  }
+  return null;
+}
+
+// Simulates a control+meta click on an element, intercepts the call to
+// window.open, and returns the attempted popup's URL.
+export default function clickAndGetPopupUrl(element: HTMLElement): ?string {
+  const event = document.createEvent('MouseEvents');
+  const options = {
+    bubbles: true,
+    cancelable: true,
+    button: 0,
+    pointerX: 0,
+    pointerY: 0,
+    ctrlKey: true,
+    altKey: false,
+    shiftKey: false,
+    metaKey: true,
+  };
+  (event: any).initMouseEvent(
+    'click',
+    options.bubbles,
+    options.cancelable,
+    document.defaultView,
+    options.button,
+    options.pointerX,
+    options.pointerY,
+    options.pointerX,
+    options.pointerY,
+    options.ctrlKey,
+    options.altKey,
+    options.shiftKey,
+    options.metaKey,
+    options.button,
+    null
+  );
+
+  let url;
+  const oldWindowOpen = window.open,
+    oldWindowOnerror = window.onerror,
+    oldFocus = getIfOwn(window.HTMLElement.prototype, 'focus'),
+    oldBlur = getIfOwn(window.HTMLElement.prototype, 'blur');
+  try {
+    window.HTMLElement.prototype.focus = noop;
+    window.HTMLElement.prototype.blur = noop;
+    window.onerror = ignoreErrors;
+    const newOpen = function (_url, _title, _options) {
+      url = _url;
+      // Gmail checks the returned object for these two values specifically.
+      const newWin = {
+        closed: false,
+        focus: noop,
+      };
+      setTimeout(function () {
+        newWin.closed = true;
+      }, 5);
+      return newWin;
+    };
+    window.open = newOpen;
+
+    // If another extension created a setter on window.open, then setting it
+    // could have failed. Log to see if this is a thing that ever happens, and
+    // avoid letting windows be opened.
+    if (window.open !== newOpen) {
+      logger.error(new Error('Failed to override window.open'));
+      return null;
+    }
+
+    element.dispatchEvent(event);
+  } finally {
+    if (oldFocus) {
+      window.HTMLElement.prototype.focus = oldFocus;
+    } else {
+      delete window.HTMLElement.prototype.focus;
+    }
+    if (oldBlur) {
+      window.HTMLElement.prototype.blur = oldBlur;
+    } else {
+      delete window.HTMLElement.prototype.blur;
+    }
+    window.onerror = oldWindowOnerror;
+    window.open = oldWindowOpen;
+  }
+  return url;
+}

package/src/injected-js/gmail/thread-identifier/index.js

@@ -0,0 +1,157 @@
+/* @flow */
+
+import find from 'lodash/find';
+import * as GmailResponseProcessor from '../../../platform-implementation-js/dom-driver/gmail/gmail-response-processor';
+import { parse } from 'querystring';
+import * as logger from '../../injected-logger';
+import * as threadRowParser from './thread-row-parser';
+import clickAndGetPopupUrl from './click-and-get-popup-url';
+import findParent from '../../../common/find-parent';
+
+export function setup() {
+  try {
+    processPreloadedThreads();
+  } catch (err) {
+    logger.error(err, 'Failed to process preloaded thread identifiers');
+  }
+
+  document.addEventListener(
+    'inboxSDKtellMeThisThreadIdByDatabase',
+    function (event: any) {
+      try {
+        const threadId = getGmailThreadIdForThreadRowByDatabase(event.target);
+        if (threadId) {
+          event.target.setAttribute('data-inboxsdk-threadid', threadId);
+        }
+      } catch (err) {
+        logger.error(err, 'Error in inboxSDKtellMeThisThreadIdByDatabase');
+      }
+    }
+  );
+
+  document.addEventListener(
+    'inboxSDKtellMeThisThreadIdByClick',
+    function (event: any) {
+      try {
+        const threadId = getGmailThreadIdForThreadRowByClick(event.target);
+        if (threadId) {
+          event.target.setAttribute('data-inboxsdk-threadid', threadId);
+        }
+      } catch (err) {
+        logger.error(err, 'Error in inboxSDKtellMeThisThreadIdByClick');
+      }
+    }
+  );
+}
+
+export function processThreadListResponse(threadListResponse: string) {
+  processThreads(GmailResponseProcessor.extractThreads(threadListResponse));
+}
+
+function processThreads(threads: GmailResponseProcessor.Thread[]) {
+  threads.forEach(storeThreadMetadata);
+}
+
+type AmbiguousMarker = { name: 'AMBIGUOUS' };
+
+const AMBIGUOUS: AmbiguousMarker = { name: 'AMBIGUOUS' };
+const threadIdsByKey: Map<string, string | AmbiguousMarker> = new Map();
+function storeThreadMetadata(threadMetadata: GmailResponseProcessor.Thread) {
+  var key = threadMetadataKey(threadMetadata);
+  if (threadIdsByKey.has(key)) {
+    if (threadIdsByKey.get(key) !== threadMetadata.gmailThreadId) {
+      threadIdsByKey.set(key, AMBIGUOUS);
+    }
+  } else {
+    threadIdsByKey.set(key, threadMetadata.gmailThreadId);
+  }
+}
+
+function threadMetadataKey(
+  threadRowMetadata: threadRowParser.ThreadRowMetadata
+): string {
+  return (
+    threadRowMetadata.subject.trim() +
+    ':' +
+    threadRowMetadata.timeString.trim() +
+    ':' +
+    threadRowMetadata.peopleHtml.trim()
+  );
+}
+
+function processPreloadedThreads() {
+  const preloadScript = find(
+    document.querySelectorAll('script:not([src])'),
+    (script) =>
+      script.text && script.text.slice(0, 500).indexOf('var VIEW_DATA=[[') > -1
+  );
+  if (!preloadScript) {
+    // preloadScript is not available in gmail v2, so let's stop logging an error
+    return;
+  } else {
+    const firstBracket = preloadScript.text.indexOf('[');
+    const lastBracket = preloadScript.text.lastIndexOf(']');
+    const viewDataString = preloadScript.text.slice(
+      firstBracket,
+      lastBracket + 1
+    );
+    processThreads(
+      GmailResponseProcessor.extractThreadsFromDeserialized([
+        GmailResponseProcessor.deserializeArray(viewDataString),
+      ])
+    );
+  }
+}
+
+function getThreadIdFromUrl(url: string): ?string {
+  var tid = parse(url).th;
+  if (!tid) {
+    // drafts in sync world can have weird urls that kind of
+    // look like old style urls, and get handled properly here
+    var urlHashMatch = url.match(/#(.*)/);
+    if (urlHashMatch) {
+      // drafts have the hash in them without the th=
+      url = decodeURIComponent(decodeURIComponent(urlHashMatch[1]));
+      tid = parse(url).th;
+    }
+  }
+
+  // if we're in sync world and it's a
+  // draft then a hash can come through in the beginning
+  return tid.replace('#', '');
+}
+
+function getGmailThreadIdForThreadRowByDatabase(
+  threadRow: HTMLElement
+): ?string {
+  const domRowMetadata =
+    threadRowParser.extractMetadataFromThreadRow(threadRow);
+  const key = threadMetadataKey(domRowMetadata);
+  const value = threadIdsByKey.get(key);
+  if (typeof value === 'string') {
+    return value;
+  }
+}
+
+function getGmailThreadIdForThreadRowByClick(threadRow: HTMLElement): ?string {
+  // Simulate a ctrl-click on the thread row to get the thread id, then
+  // simulate a ctrl-click on the previously selected thread row (or the
+  // first thread row) to put the cursor back where it was.
+  const domRowMetadata =
+    threadRowParser.extractMetadataFromThreadRow(threadRow);
+  const parent = findParent(
+    threadRow,
+    (el) => el.nodeName === 'DIV' && el.getAttribute('role') === 'main'
+  );
+  if (!parent) {
+    throw new Error("Can't operate on disconnected thread row");
+  }
+  const currentRowSelection =
+    parent.querySelector('td.PE') || parent.querySelector('tr');
+  const url = clickAndGetPopupUrl(threadRow);
+  const threadId = url && getThreadIdFromUrl(url);
+  if (currentRowSelection) {
+    clickAndGetPopupUrl(currentRowSelection);
+  }
+  return threadId;
+}

package/src/injected-js/gmail/thread-identifier/thread-row-parser.js

@@ -0,0 +1,72 @@
+/* @flow */
+
+import intersection from 'lodash/intersection';
+import assert from 'assert';
+import * as logger from '../../injected-logger';
+import { cleanupPeopleLine } from '../../../platform-implementation-js/dom-driver/gmail/gmail-response-processor';
+
+export type ThreadRowMetadata = {
+  timeString: string,
+  subject: string,
+  peopleHtml: string,
+};
+
+export function extractMetadataFromThreadRow(
+  threadRow: HTMLElement
+): ThreadRowMetadata {
+  var timeSpan, subjectSpan, peopleDiv;
+
+  assert(threadRow.hasAttribute('id'), 'check element is main thread row');
+
+  var errors = [];
+  var threadRowIsVertical =
+    intersection(Array.from(threadRow.classList), ['zA', 'apv']).length === 2;
+  if (threadRowIsVertical) {
+    var threadRow2 = threadRow.nextElementSibling;
+    if (!threadRow2) {
+      errors.push('failed to find threadRow2');
+    } else {
+      var threadRow3 = threadRow2.nextElementSibling;
+      if (!threadRow3 || !threadRow3.classList.contains('apw')) {
+        threadRow3 = null;
+      }
+
+      timeSpan = threadRow.querySelector('td.apt > div.apm > span[title]');
+      subjectSpan = threadRow2.querySelector('td div.xS div.xT div.y6 > span');
+      peopleDiv = threadRow.querySelector('td.apy > div.yW, td.apx > div.yW');
+    }
+  } else {
+    timeSpan = threadRow.querySelector('td.xW > span[title]');
+
+    var subjectAreaDiv = threadRow.querySelector(
+      'td.a4W div[role=link] div.y6'
+    );
+    if (subjectAreaDiv && subjectAreaDiv.children.length >= 1) {
+      subjectSpan = subjectAreaDiv.children[0];
+
+      // body snippet is not always present.
+      //var bodySnippetSpan = subjectAreaDiv.children[1];
+    }
+
+    peopleDiv = threadRow.querySelector('td.yX > div.yW');
+  }
+
+  if (!timeSpan) {
+    errors.push('failed to find timeSpan');
+  }
+  if (!subjectSpan) {
+    errors.push('failed to find subjectSpan');
+  }
+  if (!peopleDiv) {
+    errors.push('failed to find peopleDiv');
+  }
+  if (errors.length) {
+    logger.error(new Error('Errors in thread row parsing'), { errors });
+  }
+
+  return {
+    timeString: timeSpan ? timeSpan.getAttribute('title') || '' : '',
+    subject: subjectSpan ? subjectSpan.textContent : '',
+    peopleHtml: peopleDiv ? cleanupPeopleLine(peopleDiv.innerHTML) : '',
+  };
+}

package/src/injected-js/gmail/thread-identifier/thread-row-parser.test.js

@@ -0,0 +1,57 @@
+/* @flow */
+
+import { extractMetadataFromThreadRow } from './thread-row-parser';
+
+describe('extractMetadataFromThreadRow', () => {
+  it('can read row', () => {
+    const table = document.createElement('table');
+    table.innerHTML =
+      '<tbody>' +
+      '<tr class="zA yO" id=":46" tabindex="-1" aria-labelledby=":47"><td class="PF xY"></td><td id=":48" class="oZ-x3 xY aid" style=""><div id=":49" class="oZ-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":47" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="apU xY"><span id=":4a" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td><td class="WA xY"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":4b"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></td><td class="yX xY "><div id=":47" class="afn">me (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":4c" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td id=":4d" tabindex="-1" class="xY a4W"><div class="xS" role="link"><div class="xT"><div class="y6"><span id=":4f">test merge again</span><span class="y2">&nbsp;-&nbsp;4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</span></div></div></div></td><td class="yf xY ">&nbsp;</td><td class="xW xY "><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":4g" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></td></tr>' +
+      '</tbody>';
+    const threadRow = table.querySelector('tr');
+    if (!threadRow) throw new Error();
+    const parsed = extractMetadataFromThreadRow(threadRow);
+    expect(parsed).toEqual({
+      timeString: 'Thu, Dec 4, 2014 at 2:02 PM',
+      subject: 'test merge again',
+      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)',
+    });
+  });
+
+  it('can read vertical preview pane row', () => {
+    const table = document.createElement('table');
+    table.innerHTML =
+      '<tbody>' +
+      '<tr class="zA yO apv" id=":151" tabindex="-1" aria-labelledby=":150"><td rowspan="3" class="PF xY"></td><td rowspan="3" id=":14z" class="apo-x3 xY aid" style=""><div id=":14y" class="apo-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":150" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="yX xY apy"><div id=":150" class="afn"><span class="yP" email="cowan@streak.com" name="me">me</span> (15), test merge again, 2:02 pm, 4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014.</div><div id=":14x" class="yW"><span class="yP" email="cowan@streak.com" name="me">me</span> (15)</div></td><td class="yf xY  apt"><div class="apm"><span title="Thu, Dec 4, 2014 at 2:02 PM" id=":14w" aria-label="Thu, Dec 4, 2014 at 2:02 PM">2:02 pm</span></div>&nbsp;</td><td rowspan="3" class="apU apC"><span id=":14v" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' +
+      '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apD"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":14u"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7 aok"></div><div class="UW UW-yN-aa"></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":14t">test merge again</span></div></div></div></td></tr>' +
+      '<tr class="zA yO apv apw"><td colspan="2" class="xY apA"><div class="apB"><div class="apu"><div class="as">&nbsp;</div></div><div class="y2 apz">4 On Thu, Dec 4, 2014 at 2:02 PM, Chris Cowan &lt;cowan@streak.com&gt; wrote: 3 On Thu, Dec 4, 2014</div></div></td></tr>' +
+      '</tbody>';
+    const threadRow = table.querySelector('tr');
+    if (!threadRow) throw new Error();
+    const parsed = extractMetadataFromThreadRow(threadRow);
+    expect(parsed).toEqual({
+      timeString: 'Thu, Dec 4, 2014 at 2:02 PM',
+      subject: 'test merge again',
+      peopleHtml: '<span email="cowan@streak.com" name="me">me</span> (15)',
+    });
+  });
+
+  it('can read snippet-less vertical preview pane row', () => {
+    const table = document.createElement('table');
+    table.innerHTML =
+      '<tbody>' +
+      '<tr class="zA yO apv" id=":3p" tabindex="-1" aria-labelledby=":3q"><td rowspan="2" class="PF xY"></td><td rowspan="2" id=":3r" class="apq-x3 xY aid" style=""><div id=":3s" class="apq-jc T-Jo J-J5-Ji " role="checkbox" aria-labelledby=":3q" dir="ltr" aria-checked="false" tabindex="-1"><div class="T-Jo-auh"></div></div></td><td class="xY apx"><div id=":3q" class="afn"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>, lordprogrammer finished a deploy (fed8a27), 11:02 am, .</div><div class="apu"><div class="as">&nbsp;</div></div><div class="yW NyC7Y"><span class="yP" email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span></div></td><td class="yf xY  apt"><div class="apm"><span title="Mon, Jan 5, 2015 at 11:02 AM" id=":3t" aria-label="Mon, Jan 5, 2015 at 11:02 AM">11:02 am</span></div>&nbsp;</td><td rowspan="2" class="apU apC"><span id=":3u" class="aXw T-KT" title="Not starred" aria-label="Not starred"><img class="T-KT-JX" src="images/cleardot.gif" alt="Not starred"></span></td></tr>' +
+      '<tr class="zA yO apv"><td colspan="2" tabindex="0" role="link" class="xY  apE"><div class="apn apd"><div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Not important" role="img" id=":3v"><div class="T-ays-a45"><span class="aol">Click to teach Streak Mail this conversation is important.</span></div><div class="pH-A7"></div><div class="UW "></div></div></div><div class="xS" role="undefined"><div class="xT"><div class="y6"><span id=":3w">lordprogrammer finished a deploy (fed8a27)</span></div></div></div></td></tr>' +
+      '</tbody>';
+    const threadRow = table.querySelector('tr');
+    if (!threadRow) throw new Error();
+    const parsed = extractMetadataFromThreadRow(threadRow);
+    expect(parsed).toEqual({
+      timeString: 'Mon, Jan 5, 2015 at 11:02 AM',
+      subject: 'lordprogrammer finished a deploy (fed8a27)',
+      peopleHtml:
+        '<span email="notifications@mailfoogae.appspotmail.com" name="Streak Bot">Streak Bot</span>',
+    });
+  });
+});