Renders pre-release tag for pre-releases

When a release is a pre release, we render
an orange badge with `pre-release` label

1 files changed, 13 insertions, 1 deletions

diff --git a/spec/javascripts/releases/components/release_block_spec.js b/spec/javascripts/releases/components/release_block_spec.js
index 36b181f24ef..e98c665f99d 100644
--- a/spec/javascripts/releases/components/release_block_spec.js
+++ b/spec/javascripts/releases/components/release_block_spec.js
@@ -78,8 +78,10 @@ describe('Release block', () => {
   };
   let vm;
 
+  const factory = props => mountComponent(Component, { release: props });
+
   beforeEach(() => {
-    vm = mountComponent(Component, { release });
+    vm = factory(release);
   });
 
   afterEach(() => {
@@ -149,4 +151,14 @@ describe('Release block', () => {
       );
     });
   });
+
+  describe('with pre_release flag', () => {
+    beforeEach(() => {
+      vm = factory(Object.assign({}, release, { pre_release: true }));
+    });
+
+    it('renders pre-release badge', () => {
+      expect(vm.$el.textContent).toContain('Pre-release');
+    });
+  });
 });