Set index explicitly on clone

Auditors: @bridiver

This fixes automated test: inserts after the tab to clone (107ms)

Fix #6390

app/browser/tabs.js

@@ -1,5 +1,6 @@
 const appActions = require('../../js/actions/appActions')
 const messages = require('../..//js/constants/messages')
+const Immutable = require('immutable')
 const tabState = require('../common/state/tabState')
 const {app, extensions} = require('electron')
 const { makeImmutable } = require('../common/state/immutableUtil')
@@ -52,14 +53,20 @@ const api = {
       }
 
       const openerTabId = !source.isDestroyed() ? source.getId() : -1
+      let newTabValue = getTabValue(newTab.getId())
+      let index
+      if (newTabValue && newTabValue.get('index') !== -1) {
+        index = newTabValue.get('index')
+      }
 
       // TODO(bridiver) - handle pinned property?? - probably through tabValue
       const frameOpts = {
         location,
         partition: newTab.session.partition,
         guestInstanceId: newTab.guestInstanceId,
         openerTabId,
-        disposition
+        disposition,
+        index
       }
 
       if (disposition === 'new-window' || disposition === 'new-popup') {
@@ -81,6 +88,9 @@ const api = {
       tab.on('set-active', function (evt, active) {
         updateTab(tabId)
       })
+      tab.on('set-tab-index', function (evt, index) {
+        updateTab(tabId)
+      })
       tab.on('page-favicon-updated', function (e, favicons) {
         if (favicons && favicons.length > 0) {
           // tab.setTabValues({
@@ -138,10 +148,17 @@ const api = {
     })
 
     process.on('on-tab-created', (tab, options) => {
+      if (tab.isDestroyed()) {
+        return
+      }
+
+      if (options.index !== undefined) {
+        tab.setTabValues({
+          index: options.index
+        })
+      }
+
       tab.once('did-attach', () => {
-        if (tab.isDestroyed()) {
-          return
-        }
         if (options.back) {
           tab.goBack()
         } else if (options.forward) {
@@ -173,10 +190,14 @@ const api = {
   clone: (state, action) => {
     action = makeImmutable(action)
     const tabId = action.get('tabId')
-    const options = action.get('options')
+    let options = action.get('options') || Immutable.Map()
+    let tabValue = getTabValue(tabId)
+    if (tabValue && tabValue.get('index') !== undefined) {
+      options = options.set('index', tabValue.get('index') + 1)
+    }
     const tab = api.getWebContents(tabId)
     if (tab && !tab.isDestroyed()) {
-      tab.clone(options && options.toJS() || {}, (newTab) => {
+      tab.clone(options.toJS(), (newTab) => {
       })
     }
     return state

js/components/frame.js

@@ -313,6 +313,7 @@ class Frame extends ImmutableComponent {
   componentDidMount () {
     const cb = () => {
       this.webview.setActive(this.props.isActive)
+      this.webview.setTabIndex(this.props.tabIndex)
       this.updateAboutDetails()
     }
     this.updateWebview(cb)
@@ -364,6 +365,9 @@ class Frame extends ImmutableComponent {
         this.webview.setWebRTCIPHandlingPolicy(this.getWebRTCPolicy())
       }
       this.webview.setActive(this.props.isActive)
+      if (prevProps.tabIndex !== this.props.tabIndex) {
+        this.webview.setTabIndex(this.props.tabIndex)
+      }
       this.handleShortcut()
 
       // give focus when switching tabs

js/components/main.js

@@ -1202,6 +1202,7 @@ class Main extends ImmutableComponent {
             sortedFrames.map((frame) =>
               <Frame
                 ref={(node) => { this.frames[frame.get('key')] = node }}
+                tabIndex={FrameStateUtil.getFrameIndex(this.props.windowState, frame.get('key'))}
                 prefOpenInForeground={getSetting(settings.SWITCH_TO_NEW_TABS)}
                 onCloseFrame={this.onCloseFrame}
                 frameKey={frame.get('key')}

js/stores/windowStore.js

@@ -170,7 +170,9 @@ const newFrame = (frameOpts, openInForeground, insertionIndex, nextKey) => {
   frameOpts = frameOpts.toJS ? frameOpts.toJS() : frameOpts
 
   // handle tabs.create properties
-  insertionIndex = frameOpts.index || insertionIndex
+  insertionIndex = frameOpts.index !== undefined
+    ? frameOpts.index
+    : insertionIndex
 
   if (frameOpts.partition) {
     frameOpts.isPrivate = frameStateUtil.isPrivatePartition(frameOpts.partition)