1 files changed, 37 insertions, 0 deletions
diff --git a/spec/javascripts/fly_out_nav_spec.js b/spec/javascripts/fly_out_nav_spec.js
new file mode 100644
index 00000000000..bbf3eb6f582
--- /dev/null
+++ b/spec/javascripts/fly_out_nav_spec.js
@@ -0,0 +1,37 @@
+import { calculateTop, createArrowStyles } from '~/fly_out_nav';
+
+describe('Fly out sidebar navigation', () => {
+  describe('calculateTop', () => {
+    it('returns boundingRect top', () => {
+      const boundingRect = {
+        top: 100,
+      };
+
+      expect(
+        calculateTop(boundingRect, 100),
+      ).toBe(100);
+    });
+
+    it('returns boundingRect - bottomOverflow', () => {
+      const boundingRect = {
+        top: window.innerHeight,
+      };
+
+      expect(
+        calculateTop(boundingRect, 100),
+      ).toBe(window.innerHeight - 100);
+    });
+  });
+
+  describe('createArrowStyles', () => {
+    it('returns translate3d styles', () => {
+      const boundingRect = {
+        top: 100,
+      };
+
+      expect(
+        createArrowStyles(boundingRect, 50),
+      ).toContain('translate3d(0, 50px, 0)');
+    });
+  });
+});