diff --git a/client/src/app/__tests__/AppSpec.js b/client/src/app/__tests__/AppSpec.js
index eec3923e7f..7aa41b9cc3 100644
--- a/client/src/app/__tests__/AppSpec.js
+++ b/client/src/app/__tests__/AppSpec.js
@@ -2085,6 +2085,60 @@ describe('<App>', function() {
 
     });
 
+    describe('variable-outline', function() {
+
+      describe('#triggerAction', function() {
+
+        it('should open', function() {
+
+          // given
+          const { app } = createApp();
+
+          app.setLayout({
+            panel: {
+              open: false,
+            }
+          });
+
+          // when
+          app.triggerAction('open-variables-panel');
+
+          // then
+          expect(app.state.layout).to.eql({
+            panel: {
+              open: true,
+              tab: 'variable-outline'
+            }
+          });
+        });
+
+
+        it('should close', function() {
+
+          // given
+          const { app } = createApp();
+
+          app.setLayout({
+            panel: {
+              open: true,
+            }
+          });
+
+          // when
+          app.triggerAction('open-variables-panel');
+
+          // then
+          expect(app.state.layout).to.eql({
+            panel: {
+              open: false
+            }
+          });
+        });
+
+      });
+
+    });
+
   });