From db06951c04414c2e1074767942593910e6fb9de2 Mon Sep 17 00:00:00 2001
From: syu15 <sarahmyu15@gmail.com>
Date: Sun, 1 Mar 2020 17:57:17 -0800
Subject: [PATCH] [FEAT] Add inspect store button to data pane in Ember
 Inspector

---
 app/controllers/model-types.js        | 11 ++++++++---
 app/templates/model-types-toolbar.hbs |  3 +++
 tests/acceptance/data-test.js         | 11 +++++++++++
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/app/controllers/model-types.js b/app/controllers/model-types.js
index 0a61599cf3..a9ec0d80d8 100644
--- a/app/controllers/model-types.js
+++ b/app/controllers/model-types.js
@@ -1,5 +1,5 @@
 import Controller from '@ember/controller';
-import { get, computed } from '@ember/object';
+import { action, get, computed } from '@ember/object';
 import { sort } from '@ember/object/computed';
 import { inject as service } from '@ember/service';
 
@@ -48,9 +48,14 @@ export default Controller.extend({
         return true;
       }
     });
-  })
-});
+  }),
 
+  getStore: action(function() {
+    this.port.send('objectInspector:inspectByContainerLookup', {
+      name: 'service:store'
+    });
+  }),
+});
 /**
  * Returns whether or not a given key has been set in storage.
  * @param {*} storage
diff --git a/app/templates/model-types-toolbar.hbs b/app/templates/model-types-toolbar.hbs
index 8d5af0775f..3843c49350 100644
--- a/app/templates/model-types-toolbar.hbs
+++ b/app/templates/model-types-toolbar.hbs
@@ -26,4 +26,7 @@
       Order Models By Record Count
     </label>
   </div>
+  <button class="toolbar__radio js-filter" {{on "click" this.getStore}} data-test-inspect-store>
+    Inspect Store
+  </button>
 </div>
diff --git a/tests/acceptance/data-test.js b/tests/acceptance/data-test.js
index 1d280ed2d8..4e0838e916 100644
--- a/tests/acceptance/data-test.js
+++ b/tests/acceptance/data-test.js
@@ -462,5 +462,16 @@ module('Data Tab', function(outer) {
       columns = findAll('[data-test-table-header-column]');
       assert.dom(columns[columns.length - 1]).includesText('Content');
     });
+
+    test('Can inspect store in data pane', async function(assert) {
+      await visit('/data/model-types');
+
+      respondWith('objectInspector:inspectByContainerLookup', ({ name }) => {
+        assert.equal(name, 'service:store');
+        return false;
+      });
+
+      await click('[data-test-inspect-store]');
+    });
   });
 });