Problem with fastSetValue on Material UI Components

The problem

Material UI is one of the most popular React Components library. And when i’m trying to use Selenide with fastSetValues (setting values via js) it’s not working correctly.

Details

When Selenide sets value via JS Material UI component ( Autocomplete ) do not call hooks like onInputChange and others.

Tell us about your environment

• Selenide Version: 5.8.0
• Yandex browser: 20.2.0.1145
• Browser Driver Version: 79
• Selenium Version: embedded in Selenide
• OS Version: mac OS

Code To Reproduce Issue [ Good To Have ]

To reproduce the bug you may run the test:

@Test
    void check() {
        Configuration.fastSetValue = true;
        open("https://rusakovstas.github.io/material-autocomplete/");
        $(byText("Вбейте что нибудь или скопируйте")).closest("div").$("input").setValue("123");
        $(byText("Поймали логику!")).shouldBe(visible);
    }

For now it’s failed. If you remove Configuration.fastSetValue = true; it works fine.

[rusakovStas]

So, since the fix https://github.com/selenide/selenide/issues/1074#issuecomment-593118940 broke tests, i think there is nothing to do. Issue may be closed.

[rusakovStas]

But for now you could use custom commands via execute method) For my case i wrote a command like this:

public static Command<SelenideElement> setValueAttribute(String value) {
       return (proxy, locator, args) -> {
           Selenide.executeJavaScript("arguments[0].focus(); arguments[0].setAttribute('value', arguments[1]);", proxy, value);
           events.fireEvent(locator.driver(), proxy, "keydown", "keypress", "input", "keyup", "change");
           return proxy;
       };
    }

And in tests it’s look like: $("input").execute(setValueAttribute("some value"));