@inboxsdk/core 0.2.28-alpha.5 → 0.2.28

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

@@ -1,63 +1,86 @@
-"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"));
+/* @flow */
+
+import Kefir from 'kefir';
+import fromEventTargetCapture from '../../lib/from-event-target-capture';
+import closest from 'closest-ng';
+
 const SELECTION_MASTER_ATTR = 'data-inboxsdk-selection-master-claimed';
-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)');
+
+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)'
+  );
 
   // Unfortunately there are no distinguishable features of a selected
   // native result besides its background color... (ಥ﹏ಥ)
-  return Array.from(nativeResults).find(result => {
-    const {
-      backgroundColor
-    } = getComputedStyle(result);
+  return Array.from(nativeResults).find((result) => {
+    const { backgroundColor }: { backgroundColor: string } =
+      getComputedStyle(result);
+
     const colorValues = backgroundColor.match(/([\d.]+)/g);
+
     return colorValues && parseFloat(colorValues[3]) > 0;
   });
 };
-const selectFirstCustomResult = resultsEl => {
-  const firstCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion_group:first-of-type > ' + '.inboxsdk__search_suggestion:first-child');
+
+const selectFirstCustomResult = (resultsEl: HTMLElement) => {
+  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.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'));
+  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'));
 };
-function setupCustomAutocompleteSelectionHandling(_ref3) {
-  let {
-    resultsEl,
-    resultsElRemovalStream,
-    searchInput
-  } = _ref3;
+
+export default function setupCustomAutocompleteSelectionHandling({
+  resultsEl,
+  resultsElRemovalStream,
+  searchInput,
+}: {
+  resultsEl: HTMLElement,
+  resultsElRemovalStream: Kefir.Observable<any>,
+  searchInput: HTMLInputElement,
+}): void {
   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,
@@ -69,33 +92,37 @@ function setupCustomAutocompleteSelectionHandling(_ref3) {
   if (!searchInputParent) {
     throw new Error();
   }
-  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 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 selectedNativeResult = getSelectedNativeResult(resultsEl);
-    const selectedCustomResult = resultsEl.querySelector('.inboxsdk__search_suggestion.inboxsdk__selected');
-    const customResultGroup = selectedCustomResult && (0, _closestNg.default)(selectedCustomResult, '.inboxsdk__search_suggestion_group');
+    const selectedCustomResult = resultsEl.querySelector(
+      '.inboxsdk__search_suggestion.inboxsdk__selected'
+    );
+    const customResultGroup =
+      selectedCustomResult &&
+      closest(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
@@ -105,7 +132,12 @@ function setupCustomAutocompleteSelectionHandling(_ref3) {
       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();
@@ -116,24 +148,47 @@ function setupCustomAutocompleteSelectionHandling(_ref3) {
       // 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 && (0, _closestNg.default)(selectedCustomResult, '.inboxsdk__search_suggestion_group');
-    if (selectedNativeResult && !selectedNativeResult.matches(':last-of-type')) {
+    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')
+    ) {
       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
@@ -159,25 +214,38 @@ function setupCustomAutocompleteSelectionHandling(_ref3) {
       // 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,64 +1,76 @@
-"use strict";
+/* @flow */
 
-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) {
+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
+> {
   const customRouteIDs = driver.getCustomRouteIDs();
+
   let lastRouteView = null;
+
   driver.getStopper().onValue(() => {
     if (lastRouteView) {
       lastRouteView.destroy();
     }
   });
-  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
-        };
+
+  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.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;
-  });
-}
+      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');
+      }
+    })
+    .map((routeView) => {
+      if (lastRouteView) {
+        lastRouteView.destroy();
+      }
+      lastRouteView = routeView;
+      return routeView;
+    });
+}

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

@@ -1,49 +1,65 @@
-"use strict";
+/* @flow */
 
-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');
-const stopper = (0, _kefirBus.default)();
+
+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();
 afterEach(() => {
   stopper.emit(null);
 });
-function makeMockDriver() {
+
+function makeMockDriver(): Object {
   return {
-    getStopper: _lodash.default.constant(stopper),
-    getCustomRouteIDs: _lodash.default.constant(new Set()),
-    showNativeRouteView: jest.fn()
+    getStopper: _.constant(stopper),
+    getCustomRouteIDs: _.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');
-  (0, _setupRouteViewDriverStream.default)(driver).takeUntilBy(stopper).onValue(item => {
-    items.push(item);
-  });
+  setupRouteViewDriverStream(driver)
+    .takeUntilBy(stopper)
+    .onValue((item) => {
+      items.push(item);
+    });
+
   expect(items.length).toBe(1);
-  expect(items[0]).toBeInstanceOf(_inboxDummyRouteView.default);
+  expect(items[0]).toBeInstanceOf(InboxDummyRouteView);
+
   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.default);
+  expect(items[1]).toBeInstanceOf(InboxDummyRouteView);
   expect(firstStopper).toHaveBeenCalledTimes(1);
   expect(driver.showNativeRouteView).toHaveBeenCalledTimes(2);
 
@@ -51,22 +67,28 @@ test('test', async () => {
   // Might be real bug here.
   if (true) return; // eslint-disable-line
   document.location.hash = '#bar/123/blah';
-  await (0, _pdelay.default)(1);
+  await delay(1);
   expect(items.length).toBe(3);
-  expect(items[2]).toBeInstanceOf(_inboxCustomRouteView.default);
+  expect(items[2]).toBeInstanceOf(InboxCustomRouteView);
   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.default);
-});
+  expect(items[3]).toBeInstanceOf(InboxDummyRouteView);
+});