如何使用Python 3通过selenium或javascript更改web whatsapp中的活动聊天

Question

I am steering web whatsapp via selenium via Python, i was wondering if it is possible to change the active (top chat. If a message is recieved, the chat won't be set as active, it will always remain in the background.

In Javascript, one can see a list of all chat in the consoles via:

Store.chat.models

The active chat is stored at position zero, however overwriting the position zero with another chat will not make the chat active.

I have found out that there is a variable called " x_active " which changes if a chat is clicked on and view to true (and all others have it as false).

eg:

Store.Chat.models[0].__x_active

However setting the variable or true or false in the chrome Console tab did not change anything in the UI, so how can I achieve such behaviour?

Answer 1

You'll need to use selenium to click on the contact in the left pane to make it active. You can easily find the place to click using the CSS selector like this:

driver.find_element_by_css_selector('span[title="Contact Name"]').click()

To easily identify which contacts have unread messages, you can use your JavaScript Store.chat.models list, and find objects in the list with the variable __x_hasUnread = True, and the value of the variable __x_formattedTitle to find the contact name to use for the find above.

Answer 2

in whatsapp web if you inspect you can see that contact name resides in div with class '.chat'.

you can add listener to contacts in left side in whatsapp web by executing the following script in your whatsapp_login function. Following is the whatsapp_login function:

def whatsapp-login(request):
    global driver

    profile = webdriver.FirefoxProfile()
    profile.accept_untrusted_certs = True
    driver = webdriver.Firefox(firefox_profile=profile)

    driver.get('https://web.whatsapp.com/')

    script_path = os.path.dirname(os.path.abspath(__file__))
    script = open(os.path.join(script_path, "add_eventlistener.js"), "r").read()

    driver.execute_script(script)

following is the add_listener script which uses MutationObserver :

var observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if(mutation.attributeName === 'class') {

                    var attributeValue = $(mutation.target).prop(mutation.attributeName);
                    console.log("attributeValue: "+attributeValue);
                    if(attributeValue.indexOf('hover') > -1) {

                        var user = $(mutation.target).find('.chat-title').find('span').attr('title');
                        console.log('Class attribute changed to:', attributeValue);

                        $.ajax({
                            url: 'url of change active chat function',
                            type: "POST",
                            data: {"user": user},
                            headers: {"Access-Control-Allow-Origin": "*"},
                            success: function(data) {
                                console.log(data);
                            },
                            error: function(data) {
                                console.log(data);
                            }
                        });
                    }
                }
            });
        });

        Array.prototype.forEach.call(document.querySelectorAll('.chat'), function(element, index) {
            console.log(element);
            observer.observe(element, {
                attributes: true
            });
        });

inside your change active chat function you can do the following to change active chat. Here you will get the user from ajax call and iterate through the contact list:

def change_active_chat(user):
    recentList = driver.find_elements_by_xpath("//span[@class='emojitext ellipsify']")
        for head in recentList:
            if head.text == user:
                head.click()

head.click() will change the active chat.

Answer 3

However setting the variable or true or false in the chrome Console tab did not change anything in the UI

You are changing the Boolean value but the request is not submitted as a result you wont see any change. My suggestion is to Click on the webElement using Xpath or CSS or any other convenient locator techniques first.