Add latest changes from gitlab-org/gitlab@master

1 files changed, 55 insertions, 0 deletions

diff --git a/spec/frontend/logo_spec.js b/spec/frontend/logo_spec.js
new file mode 100644
index 00000000000..8e39e75bd3b
--- /dev/null
+++ b/spec/frontend/logo_spec.js
@@ -0,0 +1,55 @@
+import { setHTMLFixture, resetHTMLFixture } from 'helpers/fixtures';
+import { initPortraitLogoDetection } from '~/logo';
+
+describe('initPortraitLogoDetection', () => {
+  let img;
+
+  const loadImage = () => {
+    const loadEvent = new Event('load');
+    img.dispatchEvent(loadEvent);
+  };
+
+  beforeEach(() => {
+    setHTMLFixture('<img class="gl-visibility-hidden gl-h-9 js-portrait-logo-detection" />');
+    initPortraitLogoDetection();
+    img = document.querySelector('img');
+  });
+
+  afterEach(() => {
+    resetHTMLFixture();
+  });
+
+  describe('when logo does not have portrait format', () => {
+    beforeEach(() => {
+      img.height = 10;
+      img.width = 10;
+    });
+
+    it('removes gl-visibility-hidden', () => {
+      expect(img.classList).toContain('gl-visibility-hidden');
+      expect(img.classList).toContain('gl-h-9');
+
+      loadImage();
+
+      expect(img.classList).not.toContain('gl-visibility-hidden');
+      expect(img.classList).toContain('gl-h-9');
+    });
+  });
+
+  describe('when logo has portrait format', () => {
+    beforeEach(() => {
+      img.height = 11;
+      img.width = 10;
+    });
+
+    it('removes gl-visibility-hidden', () => {
+      expect(img.classList).toContain('gl-visibility-hidden');
+      expect(img.classList).toContain('gl-h-9');
+
+      loadImage();
+
+      expect(img.classList).not.toContain('gl-visibility-hidden');
+      expect(img.classList).toContain('gl-w-10');
+    });
+  });
+});