DEV: Change sidebar header dropdown to use wait_for_animation (#20627)

* DEV: Change sidebar header dropdown to use wait_for_animation

Introduced in 54351e1b8a, this
helper should remove the need to have to add the .animated
CSS class in JS for the sidebar.

* DEV: Revert spec change

app/assets/javascripts/discourse/app/components/site-header.js

@@ -78,7 +78,6 @@ const SiteHeaderComponent = MountWidget.extend(
       headerCloak.classList.add("animate");
       this._scheduledRemoveAnimate = discourseLater(() => {
         panel.classList.remove("animate");
-        panel.classList.add("animated");
         headerCloak.classList.remove("animate");
       }, 200);
       panel.style.setProperty("--offset", 0);
@@ -90,7 +89,6 @@ const SiteHeaderComponent = MountWidget.extend(
       this._animate = true;
       const headerCloak = document.querySelector(".header-cloak");
       panel.classList.add("animate");
-      panel.classList.remove("animated");
       headerCloak.classList.add("animate");
       if (menuOrigin === "left") {
         panel.style.setProperty("--offset", `-100vw`);

plugins/chat/spec/system/page_objects/chat/chat_channel.rb

@@ -3,8 +3,6 @@
 module PageObjects
   module Pages
     class ChatChannel < PageObjects::Pages::Base
-      include SystemHelpers
-
       def type_in_composer(input)
         find(".chat-composer-input").send_keys(input)
       end

spec/system/page_objects/components/base.rb

@@ -5,6 +5,7 @@ module PageObjects
     class Base
       include Capybara::DSL
       include RSpec::Matchers
+      include SystemHelpers
     end
   end
 end

spec/system/page_objects/components/sidebar_header_dropdown.rb

@@ -5,9 +5,7 @@ module PageObjects
     class SidebarHeaderDropdown < PageObjects::Components::Base
       def click
         page.find(".hamburger-dropdown").click
-
+        wait_for_animation(find(".menu-panel"), timeout: 5)
-        # `.animated` is important here because we want to wait until dropdown has finished its animation completely
-        page.has_css?(".menu-panel.animated")
         self
       end
 

spec/system/page_objects/pages/base.rb

@@ -4,6 +4,8 @@ module PageObjects
   module Pages
     class Base
       include Capybara::DSL
+      include RSpec::Matchers
+      include SystemHelpers
     end
   end
 end

spec/system/viewing_sidebar_spec.rb

@@ -5,7 +5,7 @@ describe "Viewing sidebar", type: :system, js: true do
   fab!(:user) { Fabricate(:user) }
   fab!(:category_sidebar_section_link) { Fabricate(:category_sidebar_section_link, user: user) }
 
-  before_all { sign_in(user) }
+  before { sign_in(user) }
 
   describe "when using the legacy navigation menu" do
     before { SiteSetting.navigation_menu = "legacy" }