Method flash

seleniumbase/fixtures/base_case.py:6473–6551

Paint a quickly-vanishing dot over an element.

(
        self,
        selector,  # The CSS Selector to flash
        duration=1,  # (seconds) flash duration
        color="44CC88",  # RGB hex color string
        pause=0,  # (seconds) If 0, the next action starts during flash
    )

        self.execute_script(script)

    def flash(
        self,
        selector,  # The CSS Selector to flash
        duration=1,  # (seconds) flash duration
        color="44CC88",  # RGB hex color string
        pause=0,  # (seconds) If 0, the next action starts during flash
    ):
        """Paint a quickly-vanishing dot over an element."""
        if self.__is_cdp_swap_needed():
            self.cdp.flash(
                selector=selector,
                duration=duration,
                color=color,
                pause=pause,
            )
            return
        element = self.find_element(selector, timeout=settings.SMALL_TIMEOUT)
        js_utils.scroll_to_element(self.driver, element)
        try:
            loc = element.location  # {'x': value, 'y': value}
            size = element.size  # {'width': value, 'height': value}
            center_x = loc["x"] + (size["width"] / 2)
            center_y = loc["y"] + (size["height"] / 2)
        except Exception:
            return
        style = (
            "position:absolute;z-index:99999999;padding:0;margin:0;"
            "left:{:.1f}px; top: {:.1f}px; opacity:0.7;"
            "width:8px;height:8px;border-radius:50%;background:#{};"
            "animation:show-pointer-ani {:.2f}s ease 1;"
        ).format(
            center_x - 4,  # -4 to account for the circle width
            center_y - 4,  # -4 to account for the circle height
            color,
            duration,
        )
        script = (
            """
            (targetElement) => {{
                for(let css of [...document.styleSheets]) {{
                    try {{
                        css.insertRule(`
                        @keyframes show-pointer-ani {{
                              0% {{ opacity: 1; transform: scale(2, 2); }}
                              25% {{ transform: scale(5,5); }}
                              50% {{ transform: scale(3, 3); }}
                              75% {{ transform: scale(2,2); }}
                              100% {{ transform: scale(1, 1); opacity: 0; }}
                        }}`, css.cssRules.length);
                        break;
                    }} catch (e) {{
                        console.log(e);
                    }}
                }};
                var _d = document.createElement('div');
                _d.style = `{0:s}`;
                _d.id = `{1:s}`;
                document.body.insertAdjacentElement('afterBegin', _d);