@inboxsdk/core 0.2.28 → 0.2.29-alpha.0

package/src/platform-implementation-js/dom-driver/inbox/setupCustomAutocompleteSelectionHandling.js

@@ -1,86 +1,63 @@
-/* @flow */
-
-import Kefir from 'kefir';
-import fromEventTargetCapture from '../../lib/from-event-target-capture';
-import closest from 'closest-ng';
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setupCustomAutocompleteSelectionHandling;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _fromEventTargetCapture = _interopRequireDefault(require("../../lib/from-event-target-capture"));
+var _closestNg = _interopRequireDefault(require("closest-ng"));
 const SELECTION_MASTER_ATTR = 'data-inboxsdk-selection-master-claimed';
-
-const hasNativeResults = (resultsEl: HTMLElement) =>
-  resultsEl.querySelectorAll('li:not(.inboxsdk__search_suggestion)').length > 0;
-
-const hasCustomResults = (resultsEl: HTMLElement) =>
-  resultsEl.querySelectorAll('.inboxsdk__search_suggestion').length > 0;
-
-const getSelectedNativeResult = (resultsEl: HTMLElement) => {
-  const nativeResults = resultsEl.querySelectorAll(
-    'li:not(.inboxsdk__search_suggestion)'
-  );
+const hasNativeResults = resultsEl => resultsEl.querySelectorAll('li:not(.inboxsdk__search_suggestion)').length > 0;
+const hasCustomResults = resultsEl => resultsEl.querySelectorAll('.inboxsdk__search_suggestion').length > 0;
+const getSelectedNativeResult = resultsEl => {
+  const nativeResults = resultsEl.querySelectorAll('li:not(.inboxsdk__search_suggestion)');
 
   // Unfortunately there are no distinguishable features of a selected
   // native result besides its background color... (ಥ﹏ಥ)
-  return Array.from(nativeResults).find((result) => {
-    const { backgroundColor }: { backgroundColor: string } =
-      getComputedStyle(result);
-
+  return Array.from(nativeResults).find(result => {
+    const {
+      backgroundColor
+    } = getComputedStyle(result);
     const colorValues = backgroundColor.match(/([\d.]+)/g);
-
     return colorValues && parseFloat(colorValues[3]) > 0;
   });
 };
-
-const selectFirstCustomResult = (resultsEl: HTMLElement) => {
-  const firstCustomResult = resultsEl.querySelector(
-    '.inboxsdk__search_suggestion_group:first-of-type > ' +
-      '.inboxsdk__search_suggestion:first-child'
-  );
-
+const selectFirstCustomResult = resultsEl => {
+  const firstCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion_group:first-of-type > ' + '.inboxsdk__search_suggestion:first-child');
   firstCustomResult && firstCustomResult.classList.add('inboxsdk__selected');
 };
-
 const setupCustomResultHoverListeners = (resultsEl, resultsElRemovalStream) => {
-  Kefir.fromEvents(resultsEl, 'mouseover')
-    .takeUntilBy(resultsElRemovalStream)
-    .map(({ target }: { target: HTMLElement }) =>
-      closest(target, '.inboxsdk__search_suggestion:not(.inboxsdk__selected)')
-    )
-    .filter(Boolean)
-    .onValue((el) => {
-      const customResults = resultsEl.querySelectorAll(
-        '.inboxsdk__search_suggestion.inboxsdk__selected'
-      );
-
-      // Needed to ensure custom results selected via keyboard events
-      // have their selected state removed (since no mouseout event fires).
-      Array.from(customResults).forEach((result) =>
-        result.classList.remove('inboxsdk__selected')
-      );
-
-      el.classList.add('inboxsdk__selected');
-    });
-
-  Kefir.fromEvents(resultsEl, 'mouseout')
-    .takeUntilBy(resultsElRemovalStream)
-    .map(({ target }: { target: HTMLElement }) =>
-      closest(target, '.inboxsdk__search_suggestion.inboxsdk__selected')
-    )
-    .filter(Boolean)
-    .onValue((el) => el.classList.remove('inboxsdk__selected'));
+  _kefir.default.fromEvents(resultsEl, 'mouseover').takeUntilBy(resultsElRemovalStream).map(_ref => {
+    let {
+      target
+    } = _ref;
+    return (0, _closestNg.default)(target, '.inboxsdk__search_suggestion:not(.inboxsdk__selected)');
+  }).filter(Boolean).onValue(el => {
+    const customResults = resultsEl.querySelectorAll('.inboxsdk__search_suggestion.inboxsdk__selected');
+
+    // Needed to ensure custom results selected via keyboard events
+    // have their selected state removed (since no mouseout event fires).
+    Array.from(customResults).forEach(result => result.classList.remove('inboxsdk__selected'));
+    el.classList.add('inboxsdk__selected');
+  });
+  _kefir.default.fromEvents(resultsEl, 'mouseout').takeUntilBy(resultsElRemovalStream).map(_ref2 => {
+    let {
+      target
+    } = _ref2;
+    return (0, _closestNg.default)(target, '.inboxsdk__search_suggestion.inboxsdk__selected');
+  }).filter(Boolean).onValue(el => el.classList.remove('inboxsdk__selected'));
 };
-
-export default function setupCustomAutocompleteSelectionHandling({
-  resultsEl,
-  resultsElRemovalStream,
-  searchInput,
-}: {
-  resultsEl: HTMLElement,
-  resultsElRemovalStream: Kefir.Observable<any>,
-  searchInput: HTMLInputElement,
-}): void {
+function setupCustomAutocompleteSelectionHandling(_ref3) {
+  let {
+    resultsEl,
+    resultsElRemovalStream,
+    searchInput
+  } = _ref3;
   if (resultsEl.hasAttribute(SELECTION_MASTER_ATTR)) {
     return;
   }
-
   resultsEl.setAttribute(SELECTION_MASTER_ATTR, 'true');
 
   // We need to be able to cancel up/down arrow events before Inbox gets them,
@@ -92,37 +69,33 @@ export default function setupCustomAutocompleteSelectionHandling({
   if (!searchInputParent) {
     throw new Error();
   }
-
-  const keyboardEvents: Kefir.Observable<KeyboardEvent> =
-    fromEventTargetCapture(searchInputParent, 'keydown').takeUntilBy(
-      resultsElRemovalStream
-    );
-
-  const upArrowPresses = keyboardEvents.filter(({ keyCode }) => keyCode === 38);
-  const downArrowPresses = keyboardEvents.filter(
-    ({ keyCode }) => keyCode === 40
-  );
-  const enterPresses = keyboardEvents.filter(({ keyCode }) => keyCode === 13);
-
-  upArrowPresses.onValue((event) => {
+  const keyboardEvents = (0, _fromEventTargetCapture.default)(searchInputParent, 'keydown').takeUntilBy(resultsElRemovalStream);
+  const upArrowPresses = keyboardEvents.filter(_ref4 => {
+    let {
+      keyCode
+    } = _ref4;
+    return keyCode === 38;
+  });
+  const downArrowPresses = keyboardEvents.filter(_ref5 => {
+    let {
+      keyCode
+    } = _ref5;
+    return keyCode === 40;
+  });
+  const enterPresses = keyboardEvents.filter(_ref6 => {
+    let {
+      keyCode
+    } = _ref6;
+    return keyCode === 13;
+  });
+  upArrowPresses.onValue(event => {
     const selectedNativeResult = getSelectedNativeResult(resultsEl);
-    const selectedCustomResult = resultsEl.querySelector(
-      '.inboxsdk__search_suggestion.inboxsdk__selected'
-    );
-    const customResultGroup =
-      selectedCustomResult &&
-      closest(selectedCustomResult, '.inboxsdk__search_suggestion_group');
-
+    const selectedCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion.inboxsdk__selected');
+    const customResultGroup = selectedCustomResult && (0, _closestNg.default)(selectedCustomResult, '.inboxsdk__search_suggestion_group');
     if (selectedNativeResult) {
       return;
     }
-
-    if (
-      selectedCustomResult &&
-      customResultGroup &&
-      selectedCustomResult.matches(':first-child') &&
-      customResultGroup.matches(':first-of-type')
-    ) {
+    if (selectedCustomResult && customResultGroup && selectedCustomResult.matches(':first-child') && customResultGroup.matches(':first-of-type')) {
       // If there are native results, Inbox will automatically select
       // the last one when it sees this up arrow press, so all we need to do
       // is remove the highlighting from our result. If there *aren't* any
@@ -132,12 +105,7 @@ export default function setupCustomAutocompleteSelectionHandling({
       selectedCustomResult.classList.remove('inboxsdk__selected');
     } else if (hasCustomResults(resultsEl) && !selectedCustomResult) {
       event.stopPropagation();
-
-      const lastCustomResult = resultsEl.querySelector(
-        '.inboxsdk__search_suggestion_group:last-of-type > ' +
-          '.inboxsdk__search_suggestion:last-child'
-      );
-
+      const lastCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion_group:last-of-type > ' + '.inboxsdk__search_suggestion:last-child');
       lastCustomResult && lastCustomResult.classList.add('inboxsdk__selected');
     } else if (selectedCustomResult && customResultGroup) {
       event.stopPropagation();
@@ -148,47 +116,24 @@ export default function setupCustomAutocompleteSelectionHandling({
       // the selected result is the first item in a non-first group.
       if (selectedCustomResult.matches(':first-child')) {
         const previousResultGroup = customResultGroup.previousElementSibling;
-        const customResultToSelect =
-          previousResultGroup &&
-          previousResultGroup.querySelector(
-            '.inboxsdk__search_suggestion:last-child'
-          );
-
-        customResultToSelect &&
-          customResultToSelect.classList.add('inboxsdk__selected');
+        const customResultToSelect = previousResultGroup && previousResultGroup.querySelector('.inboxsdk__search_suggestion:last-child');
+        customResultToSelect && customResultToSelect.classList.add('inboxsdk__selected');
       } else {
-        const previousCustomResult =
-          selectedCustomResult.previousElementSibling;
-        previousCustomResult &&
-          previousCustomResult.classList.add('inboxsdk__selected');
+        const previousCustomResult = selectedCustomResult.previousElementSibling;
+        previousCustomResult && previousCustomResult.classList.add('inboxsdk__selected');
       }
     }
   });
-
-  downArrowPresses.onValue((event) => {
+  downArrowPresses.onValue(event => {
     const selectedNativeResult = getSelectedNativeResult(resultsEl);
-    const selectedCustomResult = resultsEl.querySelector(
-      '.inboxsdk__search_suggestion.inboxsdk__selected'
-    );
-    const customResultGroup =
-      selectedCustomResult &&
-      closest(selectedCustomResult, '.inboxsdk__search_suggestion_group');
-
-    if (
-      selectedNativeResult &&
-      !selectedNativeResult.matches(':last-of-type')
-    ) {
+    const selectedCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion.inboxsdk__selected');
+    const customResultGroup = selectedCustomResult && (0, _closestNg.default)(selectedCustomResult, '.inboxsdk__search_suggestion_group');
+    if (selectedNativeResult && !selectedNativeResult.matches(':last-of-type')) {
       return;
     }
-
     if (selectedNativeResult) {
       selectFirstCustomResult(resultsEl);
-    } else if (
-      selectedCustomResult &&
-      customResultGroup &&
-      selectedCustomResult.matches(':last-child') &&
-      customResultGroup.matches(':last-of-type')
-    ) {
+    } else if (selectedCustomResult && customResultGroup && selectedCustomResult.matches(':last-child') && customResultGroup.matches(':last-of-type')) {
       // Inbox's native behavior is to leave nothing selected when you hit
       // the down arrow while the last item is selected, so we don't
       // try to select any other results if the last custom result is currently
@@ -214,38 +159,25 @@ export default function setupCustomAutocompleteSelectionHandling({
       // the selected result is the last item in a non-last group.
       if (selectedCustomResult.matches(':last-child')) {
         const nextResultGroup = customResultGroup.nextElementSibling;
-        const customResultToSelect =
-          nextResultGroup &&
-          nextResultGroup.querySelector(
-            '.inboxsdk__search_suggestion:first-child'
-          );
-
-        customResultToSelect &&
-          customResultToSelect.classList.add('inboxsdk__selected');
+        const customResultToSelect = nextResultGroup && nextResultGroup.querySelector('.inboxsdk__search_suggestion:first-child');
+        customResultToSelect && customResultToSelect.classList.add('inboxsdk__selected');
       } else {
         const nextCustomResult = selectedCustomResult.nextElementSibling;
-        nextCustomResult &&
-          nextCustomResult.classList.add('inboxsdk__selected');
+        nextCustomResult && nextCustomResult.classList.add('inboxsdk__selected');
       }
     }
   });
-
-  enterPresses.onValue((event) => {
-    const selectedCustomResult = resultsEl.querySelector(
-      '.inboxsdk__search_suggestion.inboxsdk__selected'
-    );
+  enterPresses.onValue(event => {
+    const selectedCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion.inboxsdk__selected');
 
     // If the user hits enter and has a custom result selected, we want to
     // trigger the custom result's action *but* avoid letting the native
     // behavior (hiding `resultsEl`) happen.
     if (selectedCustomResult) {
       event.stopPropagation();
-
       selectedCustomResult.dispatchEvent(new MouseEvent('click'));
     }
   });
-
   keyboardEvents.onEnd(() => resultsEl.removeAttribute(SELECTION_MASTER_ATTR));
-
   setupCustomResultHoverListeners(resultsEl, resultsElRemovalStream);
-}
+}

package/src/platform-implementation-js/dom-driver/inbox/setupRouteViewDriverStream.js

@@ -1,76 +1,64 @@
-/* @flow */
+"use strict";
 
-import Kefir from 'kefir';
-
-import InboxDriver from './inbox-driver';
-import InboxRouteView from './views/inbox-route-view';
-import InboxCustomRouteView from './views/inbox-custom-route-view';
-import InboxDummyRouteView from './views/inbox-dummy-route-view';
-
-import routeIDmatchesHash from '../../lib/routeIDmatchesHash';
-
-export default function setupRouteViewDriverStream(
-  driver: InboxDriver
-): Kefir.Observable<
-  InboxRouteView | InboxDummyRouteView | InboxCustomRouteView
-> {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setupRouteViewDriverStream;
+var _kefir = _interopRequireDefault(require("kefir"));
+var _inboxDriver = _interopRequireDefault(require("./inbox-driver"));
+var _inboxRouteView = _interopRequireDefault(require("./views/inbox-route-view"));
+var _inboxCustomRouteView = _interopRequireDefault(require("./views/inbox-custom-route-view"));
+var _inboxDummyRouteView = _interopRequireDefault(require("./views/inbox-dummy-route-view"));
+var _routeIDmatchesHash = _interopRequireDefault(require("../../lib/routeIDmatchesHash"));
+function setupRouteViewDriverStream(driver) {
   const customRouteIDs = driver.getCustomRouteIDs();
-
   let lastRouteView = null;
-
   driver.getStopper().onValue(() => {
     if (lastRouteView) {
       lastRouteView.destroy();
     }
   });
-
-  return Kefir.merge([
-    Kefir.merge([
-      Kefir.fromEvents(document, 'inboxSDKpushState'),
-      Kefir.fromEvents(window, 'popstate'),
-    ]).map(
-      (e) =>
-        (process.env.NODE_ENV === 'test' && e.detail && e.detail.__test_url) ||
-        document.location.href
-    ),
-    Kefir.fromEvents(window, 'hashchange')
-      .map((e) => e.newURL)
-      // When the user hits back and leaves a hash URL, a hashchange *and*
-      // popstate events are emitted. Let's just process the popstate event
-      // alone.
-      .filter((href) => /#/.test(href)),
-  ])
-    .toProperty(() => document.location.href)
-    .map((href) => {
-      const m = /#([^?]*)/.exec(href);
-      if (!m) return { type: 'NATIVE' };
-      const hash = m[1];
-      for (let routeIDs of customRouteIDs) {
-        let routeID = routeIDmatchesHash(routeIDs, hash);
-        if (routeID) {
-          return { hash, type: 'CUSTOM', routeID };
-        }
-      }
-      return { type: 'OTHER_APP_CUSTOM' };
-    })
-    .map((detail) => {
-      if (detail.type === 'CUSTOM') {
-        return new InboxCustomRouteView(detail.routeID, detail.hash);
-      } else if (detail.type === 'NATIVE') {
-        driver.showNativeRouteView();
-        return new InboxDummyRouteView('NATIVE');
-      } else if (detail.type === 'OTHER_APP_CUSTOM') {
-        return new InboxDummyRouteView('OTHER_APP_CUSTOM');
-      } else {
-        driver.getLogger().error(new Error('should not happen'));
-        return new InboxDummyRouteView('UNKNOWN');
+  return _kefir.default.merge([_kefir.default.merge([_kefir.default.fromEvents(document, 'inboxSDKpushState'), _kefir.default.fromEvents(window, 'popstate')]).map(e => process.env.NODE_ENV === 'test' && e.detail && e.detail.__test_url || document.location.href), _kefir.default.fromEvents(window, 'hashchange').map(e => e.newURL)
+  // When the user hits back and leaves a hash URL, a hashchange *and*
+  // popstate events are emitted. Let's just process the popstate event
+  // alone.
+  .filter(href => /#/.test(href))]).toProperty(() => document.location.href).map(href => {
+    const m = /#([^?]*)/.exec(href);
+    if (!m) return {
+      type: 'NATIVE'
+    };
+    const hash = m[1];
+    for (let routeIDs of customRouteIDs) {
+      let routeID = (0, _routeIDmatchesHash.default)(routeIDs, hash);
+      if (routeID) {
+        return {
+          hash,
+          type: 'CUSTOM',
+          routeID
+        };
       }
-    })
-    .map((routeView) => {
-      if (lastRouteView) {
-        lastRouteView.destroy();
-      }
-      lastRouteView = routeView;
-      return routeView;
-    });
-}
+    }
+    return {
+      type: 'OTHER_APP_CUSTOM'
+    };
+  }).map(detail => {
+    if (detail.type === 'CUSTOM') {
+      return new _inboxCustomRouteView.default(detail.routeID, detail.hash);
+    } else if (detail.type === 'NATIVE') {
+      driver.showNativeRouteView();
+      return new _inboxDummyRouteView.default('NATIVE');
+    } else if (detail.type === 'OTHER_APP_CUSTOM') {
+      return new _inboxDummyRouteView.default('OTHER_APP_CUSTOM');
+    } else {
+      driver.getLogger().error(new Error('should not happen'));
+      return new _inboxDummyRouteView.default('UNKNOWN');
+    }
+  }).map(routeView => {
+    if (lastRouteView) {
+      lastRouteView.destroy();
+    }
+    lastRouteView = routeView;
+    return routeView;
+  });
+}

package/src/platform-implementation-js/dom-driver/inbox/setupRouteViewDriverStream.test.js

@@ -1,65 +1,49 @@
-/* @flow */
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _pdelay = _interopRequireDefault(require("pdelay"));
+var _kefir = _interopRequireDefault(require("kefir"));
+var _kefirBus = _interopRequireDefault(require("kefir-bus"));
+var _inboxRouteView = _interopRequireDefault(require("./views/inbox-route-view"));
+var _inboxCustomRouteView = _interopRequireDefault(require("./views/inbox-custom-route-view"));
+var _inboxDummyRouteView = _interopRequireDefault(require("./views/inbox-dummy-route-view"));
+var _setupRouteViewDriverStream = _interopRequireDefault(require("./setupRouteViewDriverStream"));
 jest.mock('./getSidebarClassnames');
-
-import _ from 'lodash';
-import delay from 'pdelay';
-import Kefir from 'kefir';
-import kefirBus from 'kefir-bus';
-import InboxRouteView from './views/inbox-route-view';
-import InboxCustomRouteView from './views/inbox-custom-route-view';
-import InboxDummyRouteView from './views/inbox-dummy-route-view';
-
-import setupRouteViewDriverStream from './setupRouteViewDriverStream';
-
-const stopper = kefirBus();
+const stopper = (0, _kefirBus.default)();
 afterEach(() => {
   stopper.emit(null);
 });
-
-function makeMockDriver(): Object {
+function makeMockDriver() {
   return {
-    getStopper: _.constant(stopper),
-    getCustomRouteIDs: _.constant(new Set()),
-    showNativeRouteView: jest.fn(),
+    getStopper: _lodash.default.constant(stopper),
+    getCustomRouteIDs: _lodash.default.constant(new Set()),
+    showNativeRouteView: jest.fn()
   };
 }
-
 test('test', async () => {
   const items = [];
   const driver = makeMockDriver();
   driver.getCustomRouteIDs().add('foo/:id');
   driver.getCustomRouteIDs().add('bar/:id/blah');
-  setupRouteViewDriverStream(driver)
-    .takeUntilBy(stopper)
-    .onValue((item) => {
-      items.push(item);
-    });
-
+  (0, _setupRouteViewDriverStream.default)(driver).takeUntilBy(stopper).onValue(item => {
+    items.push(item);
+  });
   expect(items.length).toBe(1);
-  expect(items[0]).toBeInstanceOf(InboxDummyRouteView);
-
+  expect(items[0]).toBeInstanceOf(_inboxDummyRouteView.default);
   const firstStopper = jest.fn();
   items[0].getStopper().onValue(firstStopper);
   expect(firstStopper).toHaveBeenCalledTimes(0);
-
-  document.dispatchEvent(
-    new CustomEvent('inboxSDKpushState', {
-      bubbles: false,
-      cancelable: false,
-      detail: {
-        __test_url: 'https://inbox.google.com/u/0/snoozed',
-        args: [
-          '%5B1%2C%5B%5B11%2C0%2Cfalse%2Cnull%2Cnull%2C0%5D%5D%5D',
-          '',
-          '/u/0/snoozed',
-        ],
-      },
-    })
-  );
-
+  document.dispatchEvent(new CustomEvent('inboxSDKpushState', {
+    bubbles: false,
+    cancelable: false,
+    detail: {
+      __test_url: 'https://inbox.google.com/u/0/snoozed',
+      args: ['%5B1%2C%5B%5B11%2C0%2Cfalse%2Cnull%2Cnull%2C0%5D%5D%5D', '', '/u/0/snoozed']
+    }
+  }));
   expect(items.length).toBe(2);
-  expect(items[1]).toBeInstanceOf(InboxDummyRouteView);
+  expect(items[1]).toBeInstanceOf(_inboxDummyRouteView.default);
   expect(firstStopper).toHaveBeenCalledTimes(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
 
@@ -67,28 +51,22 @@ test('test', async () => {
   // Might be real bug here.
   if (true) return; // eslint-disable-line
   document.location.hash = '#bar/123/blah';
-  await delay(1);
+  await (0, _pdelay.default)(1);
   expect(items.length).toBe(3);
-  expect(items[2]).toBeInstanceOf(InboxCustomRouteView);
+  expect(items[2]).toBeInstanceOf(_inboxCustomRouteView.default);
   expect(items[2].getRouteID()).toBe('bar/:id/blah');
-  expect(items[2].getParams()).toEqual({ id: '123' });
+  expect(items[2].getParams()).toEqual({
+    id: '123'
+  });
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
-
-  document.dispatchEvent(
-    new CustomEvent('inboxSDKpushState', {
-      bubbles: false,
-      cancelable: false,
-      detail: {
-        __test_url: 'https://inbox.google.com/u/0/done',
-        args: [
-          '%5B1%2C%5B%5B2%2C0%2Cfalse%2Cnull%2Cnull%2C0%5D%5D%5D',
-          '',
-          '/u/0/done',
-        ],
-      },
-    })
-  );
-
+  document.dispatchEvent(new CustomEvent('inboxSDKpushState', {
+    bubbles: false,
+    cancelable: false,
+    detail: {
+      __test_url: 'https://inbox.google.com/u/0/done',
+      args: ['%5B1%2C%5B%5B2%2C0%2Cfalse%2Cnull%2Cnull%2C0%5D%5D%5D', '', '/u/0/done']
+    }
+  }));
   expect(items.length).toBe(4);
-  expect(items[3]).toBeInstanceOf(InboxDummyRouteView);
-});
+  expect(items[3]).toBeInstanceOf(_inboxDummyRouteView.default);
+});