1 files changed, 35 insertions, 0 deletions
diff --git a/spec/features/whats_new_spec.rb b/spec/features/whats_new_spec.rb
new file mode 100644
index 00000000000..7c5625486f5
--- /dev/null
+++ b/spec/features/whats_new_spec.rb
@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+require "spec_helper"
+
+RSpec.describe "renders a `whats new` dropdown item", :js do
+  let_it_be(:user) { create(:user) }
+
+  before do
+    sign_in(user)
+  end
+
+  it 'shows notification dot and count and removes it once viewed' do
+    visit root_dashboard_path
+
+    page.within '.header-help' do
+      expect(page).to have_selector('.notification-dot', visible: true)
+
+      find('.header-help-dropdown-toggle').click
+
+      expect(page).to have_button(text: "What's new")
+      expect(page).to have_selector('.js-whats-new-notification-count')
+
+      find('button', text: "What's new").click
+    end
+
+    find('.whats-new-drawer .gl-drawer-close-button').click
+    find('.header-help-dropdown-toggle').click
+
+    page.within '.header-help' do
+      expect(page).not_to have_selector('.notification-dot', visible: true)
+      expect(page).to have_button(text: "What's new")
+      expect(page).not_to have_selector('.js-whats-new-notification-count')
+    end
+  end
+end