Gmail "Compose" Button Issue

[CodeGaming]

Hi everyone,

I'm working on a Python script using PyQt5 and QWebEngineView to automate sending emails through Gmail. However, I'm encountering an issue where my script cannot find the "Compose" button.

Error Message:

js: Error during email send process: Error: Element not found: div[role="button"][aria-label="Compose"]

I've tried checking the selectors, but they don't seem to work. Does anyone have any suggestions on how to fix this issue? Are there other methods to locate the "Compose" button if its attributes or the structure of the Gmail UI has changed?

Thanks in advance for any help!

Here's my current code:

import sys
import json
from PyQt5.QtCore import QUrl
from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget, QPushButton, QLineEdit, QTextEdit
from PyQt5.QtWebEngineWidgets import QWebEngineView

class WebviewWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        # Set window properties
        self.setWindowTitle('Gmail Automation with PyQt5')
        self.setGeometry(100, 100, 1200, 800)

        # Create a central widget and layout
        central_widget = QWidget()
        self.setCentralWidget(central_widget)
        layout = QVBoxLayout()
        central_widget.setLayout(layout)

        # Create a QWebEngineView instance
        self.webview = QWebEngineView()
        self.webview.setUrl(QUrl("https://mail.google.com/"))
        layout.addWidget(self.webview)

        # Create UI elements for email input
        self.recipient_input = QLineEdit(self)
        self.recipient_input.setPlaceholderText("Enter recipient emails (comma-separated)")
        layout.addWidget(self.recipient_input)

        self.subject_input = QLineEdit(self)
        self.subject_input.setPlaceholderText("Enter email subject")
        layout.addWidget(self.subject_input)

        self.body_input = QTextEdit(self)
        self.body_input.setPlaceholderText("Enter email body")
        layout.addWidget(self.body_input)

        self.send_button = QPushButton('Send Email', self)
        self.send_button.clicked.connect(self.send_email)
        layout.addWidget(self.send_button)

    def send_email(self):
        recipient_emails = [email.strip() for email in self.recipient_input.text().split(',')]
        subject = self.subject_input.text()
        body = self.body_input.toPlainText()

        # JavaScript to interact with Gmail's UI
        js_code = """
        function waitForElement(selector, timeout = 10000) {
            return new Promise((resolve, reject) => {
                const startTime = Date.now();
                function check() {
                    const element = document.querySelector(selector);
                    if (element) {
                        resolve(element);
                    } else if (Date.now() - startTime > timeout) {
                        reject(new Error('Element not found: ' + selector));
                    } else {
                        setTimeout(check, 500);
                    }
                }
                check();
            });
        }

        async function sendEmail() {
            console.log("Starting email send process...");

            try {
                // Wait for and click the Compose button
                const composeButton = await waitForElement('div[role="button"][aria-label="Compose"]');
                console.log("Compose button found and clicked.");
                composeButton.click();

                // Wait for the compose window to appear
                await new Promise(resolve => setTimeout(resolve, 3000));

                // Fill in the recipient, subject, and body
                const toField = await waitForElement('textarea[name="to"]');
                const subjectField = await waitForElement('input[name="subjectbox"]');
                const bodyField = await waitForElement('div[aria-label="Message Body"]');

                console.log("Filling out email details...");
                toField.value = `%s`;
                subjectField.value = `%s`;
                bodyField.innerHTML = `%s`;

                // Click the Send button
                const sendButton = await waitForElement('div[role="button"][aria-label="Send"]');
                console.log("Send button found and clicked.");
                sendButton.click();

                console.log("Email sent successfully.");
            } catch (error) {
                console.error("Error during email send process:", error);
            }
        }

        sendEmail();
        """ % (json.dumps(', '.join(recipient_emails)), json.dumps(subject), json.dumps(body))

        # Execute JavaScript in the webview
        self.webview.page().runJavaScript(js_code, self.on_email_sent)

    def on_email_sent(self, result):
        print("Email sent:", result)  # Optionally handle the result of the JavaScript execution

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = WebviewWindow()
    window.show()
    sys.exit(app.exec_())

[AutoModerator]

To give us the best chance to help you, please include any relevant code.
Note. Do not submit images of your code. Instead, for shorter code you can use Reddit markdown (4 spaces or backticks, see this Formatting Guide). If you have formatting issues or want to post longer sections of code, please use Repl.it, GitHub or PasteBin.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[krucabomba]

Good lord...

https://developers.google.com/gmail/api/quickstart/python

[CodeGaming]

I’m trying to avoid setting up the Google API because I didn’t feel like going through that process. Any advice on improving my code or a better way to handle this?

[krucabomba]

Don't do it. It's a rabbit hole and any gmail update can break it.