Create Test for Play/Mute/Unmute Tabs Toggle (#814)

* Add test for toggle play/mute/unmute tabs

* Remove window maximization in test setup

Removed window maximization before opening video links.

* Update test_play_mute_unmute_tabs_via_toggle.py

Disable test on GHA

* Add Delay Constants

---------

Co-authored-by: Tracy <[email protected]>

Author: krishpdev

tests/tabs/test_play_mute_unmute_tabs_via_toggle.py

@@ -0,0 +1,143 @@
+import pytest
+
+from os import environ
+from time import sleep
+
+from pynput.mouse import Button, Controller
+from selenium.webdriver import Firefox
+from selenium.webdriver.common.by import By
+from selenium.webdriver.common.keys import Keys
+from selenium.webdriver.support import expected_conditions as EC
+from selenium.webdriver.support.ui import WebDriverWait
+
+from modules.browser_object import ContextMenu
+from modules.browser_object_tabbar import TabBar
+from modules.page_object_generics import GenericPage
+
+GHA = environ.get("GITHUB_ACTIONS") == "true"
+
+
+@pytest.fixture()
+def test_case():
+    return "246981"
+
+
+@pytest.fixture()
+def add_to_prefs_list():
+    return [("network.cookie.cookieBehavior", "2")]
+
+
+@pytest.mark.audio
+@pytest.mark.headed
+@pytest.mark.skipif(GHA, reason="Test unstable in Github Actions")
+def test_play_mute_unmute_tabs_via_toggle(driver: Firefox, sys_platform: str):
+    """
+    C246981 - Verify that play/mute/unmute tabs via toggle audio works
+    """
+    tabs = TabBar(driver)
+    context_menu = ContextMenu(driver)
+    mouse = Controller()
+    wait = WebDriverWait(driver, 10)
+    DELAY = 2
+    POSITION_DELAY = 0.3
+    
+    # Open Mozilla's Youtube Page
+    playlist_url = "https://www.youtube.com/@Mozilla/videos"
+    playlist_page = GenericPage(driver, url=playlist_url)
+    playlist_page.open()
+
+    # Locate and open 2 latest videos in new tabs
+    video_selector = "ytd-rich-item-renderer a#video-title-link"
+    video_links = wait.until(
+        EC.visibility_of_all_elements_located((By.CSS_SELECTOR, video_selector))
+    )
+
+    for i in range(2):
+        playlist_page.context_click(video_links[i])
+        context_menu.click_and_hide_menu("context-menu-open-link-in-tab")
+
+    # Verify correct number of tabs opened
+    tabs.wait_for_num_tabs(3)
+    sleep(DELAY)
+
+    # Select all tabs via Control/Command click while staying on first tab
+    modifier_key = Keys.COMMAND if sys_platform == "Darwin" else Keys.CONTROL
+
+    with driver.context(driver.CONTEXT_CHROME):
+        actions = tabs.actions
+
+        # Hold modifier and select the video tabs
+        actions.key_down(modifier_key)
+        for i in range(2, 4):  # Select tabs 2 and 3
+            tab_to_select = tabs.get_tab(i)
+            actions.click(tab_to_select)
+        actions.key_up(modifier_key).perform()
+
+        # Verify tabs are selected (multiselected attribute)
+        for i in range(2, 4):
+            tab = tabs.get_tab(i)
+            assert tab.get_attribute("multiselected") == "true", (
+                f"Tab {i} should be multiselected"
+            )
+
+        # Helper function to click the multi-tab audio control button
+        def click_multi_tab_audio_button():
+            tab = tabs.get_tab(2)
+            element_location = tab.location
+            element_size = tab.size
+            window_position = driver.get_window_position()
+
+            inner_height = driver.execute_script("return window.innerHeight;")
+            outer_height = driver.execute_script("return window.outerHeight;")
+            chrome_height = outer_height - inner_height
+
+            element_x = (
+                window_position["x"]
+                + element_location["x"]
+                + (element_size["width"] / 2)
+            )
+            element_y = (
+                window_position["y"]
+                + element_location["y"]
+                + (element_size["height"] / 2)
+                + chrome_height
+            )
+            # Offset to click on the audio control area (left side of tab)
+            mouse.position = (element_x - 75, element_y)
+            sleep(POSITION_DELAY)  # Small delay for mouse positioning
+            mouse.click(Button.left, 1)
+            sleep(DELAY)  # Wait for action to take effect
+
+        # Click Play button
+        click_multi_tab_audio_button()
+
+        # Verify all selected tabs are playing
+        for i in [2, 3]:
+            tabs.expect_tab_sound_status(i, tabs.MEDIA_STATUS.PLAYING)
+            tab = tabs.get_tab(i)
+            assert tab.get_attribute("soundplaying") is not None, (
+                f"Tab {i} should be playing audio"
+            )
+
+        # Click Mute button
+        click_multi_tab_audio_button()
+
+        # Verify all selected tabs are muted
+        for i in [2, 3]:
+            tabs.expect_tab_sound_status(i, tabs.MEDIA_STATUS.MUTED)
+            tab = tabs.get_tab(i)
+            assert tab.get_attribute("muted") is not None, f"Tab {i} should be muted"
+
+        # Click Unmute button
+        click_multi_tab_audio_button()
+
+        # Verify all selected tabs are unmuted and playing again
+        for i in [2, 3]:
+            tabs.expect_tab_sound_status(i, tabs.MEDIA_STATUS.PLAYING)
+            tab = tabs.get_tab(i)
+            assert tab.get_attribute("soundplaying") is not None, (
+                f"Tab {i} should be playing audio after unmute"
+            )
+            assert tab.get_attribute("muted") is None, (
+                f"Tab {i} should not be muted after unmute"
+            )