Auslösen eines synthetischen Ereignisses in der React App

Ich schreibe eine Chrome-Erweiterung für Facebook und möchte die Einreichung des Entwurfs des fokussierten Kommentars programmgesteuert auf einen Beitrag auslösen. Das Standardverhalten besteht darin, zu senden, wenn der Benutzer die Eingabetaste drückt, also versuche ich, die Facebook-Benutzeroberfläche zu glauben, dass der Benutzer dies getan hat.

Facebook verwendet React und ein contenteditable div für Kommentarformulare.

Hier ist eine Reihe von Dingen, die ich ausprobiert habe:

1) jQuery Event triggert $('<the contenteditable div>').trigger($.Event('keydown', {which: 13}))

• Ich habe dies sowohl in der Inhaltsskriptumgebung als auch in der tatsächlichen Seitenumgebung versucht (über ein injiziertes Skript, das auf postMessage und die Chrome-Konsole reagiert)
• Ich habe auch versucht, das Ereignis in document aus jedem Kontext auszulösen.
• Nichts scheint zu passieren.

2) Selbe Sache, aber mit VanillaJS Event Triggerung. relevante StackOverflow-Frage

• auch von beiden Umgebungen
• Nichts passiert

3) An diesem Punkt habe ich gemerkt, dass dies React ist und es verwendet sein eigenes SyntheticEvents , also kopiere ich im Grunde das Simulate von ReactTestUtils , die beim Testen helfen soll, indem Ereignisse simuliert und innerhalb der Umgebung der Seite ausgeführt werden (Verweis auf% co_de) % Objekte über die Facebook-Frontend required -Funktion).

• Funktioniert auch nicht. Die Funktion wird vollständig und ohne Fehler ausgeführt, aber es gibt keine Antwort von der Anwendung.

Ich habe dies mit meist require -Ereignissen versucht, weil das die meisten Listener hat.

Ich bin mir dieser Fragen bewusst, aber sie haben meinem Verständnis nicht geholfen: Erzwingen Reagieren, um Ereignis durch injiziertes JavaScript auszulösen