FIX: Handle poll titles when headings are present (#10832)

Poll markdown processing failed when there were any heading elements preceding a poll.

(Issue originally reported in babbebfb35 (commitcomment-42983768))

plugins/poll/assets/javascripts/lib/discourse-markdown/poll.js.es6

@@ -81,18 +81,25 @@ function invalidPoll(state, tag) {
   token.content = "[/" + tag + "]";
 }
 
-function getTitle(tokens) {
+function getTitle(tokens, startToken) {
-  const open = tokens.findIndex((token) => token.type === "heading_open");
+  const startIndex = tokens.indexOf(startToken);
-  const close = tokens.findIndex((token) => token.type === "heading_close");
+
+  if (startIndex === -1) {
+    return;
+  }
+
+  const pollTokens = tokens.slice(startIndex);
+  const open = pollTokens.findIndex((token) => token.type === "heading_open");
+  const close = pollTokens.findIndex((token) => token.type === "heading_close");
 
   if (open === -1 || close === -1) {
     return;
   }
 
-  const titleTokens = tokens.slice(open + 1, close);
+  const titleTokens = pollTokens.slice(open + 1, close);
 
   // Remove the heading element
-  tokens.splice(open, close - open + 1);
+  tokens.splice(startIndex + open, close - open + 1);
 
   return titleTokens;
 }
@@ -108,7 +115,7 @@ const rule = {
   },
 
   after: function (state, openToken, raw) {
-    const titleTokens = getTitle(state.tokens);
+    const titleTokens = getTitle(state.tokens, openToken);
     let items = getListItems(state.tokens, openToken);
 
     if (!items) {

plugins/poll/spec/lib/pretty_text_spec.rb

@@ -169,4 +169,49 @@ describe PrettyText do
       </div>
     HTML
   end
+
+  it "does not break when there are headings before/after a poll with a title" do
+    cooked = PrettyText.cook <<~MD
+      # Pre-heading
+
+      [poll]
+      # What's your favorite *berry*? :wink: https://google.com/
+      * Strawberry
+      * Raspberry
+      * Blueberry
+      [/poll]
+
+      # Post-heading
+    MD
+
+    expect(cooked).to include(<<~HTML)
+      <div class="poll-title">What’s your favorite <em>berry</em>? <img src="/images/emoji/twitter/wink.png?v=9" title=":wink:" class="emoji" alt=":wink:"> <a href="https://google.com/" rel="noopener nofollow ugc">https://google.com/</a>
+      </div>
+    HTML
+
+    expect(cooked).to include("<h1>Pre-heading</h1>")
+    expect(cooked).to include("<h1>Post-heading</h1>")
+  end
+
+  it "does not break when there are headings before/after a poll without a title" do
+    cooked = PrettyText.cook <<~MD
+      # Pre-heading
+
+      [poll]
+      * Strawberry
+      * Raspberry
+      * Blueberry
+      [/poll]
+
+      # Post-heading
+    MD
+
+    expect(cooked).to_not include('<div class="poll-title">')
+    expect(cooked).to include(<<~HTML)
+      <div class="poll" data-poll-status="open" data-poll-name="poll">
+    HTML
+
+    expect(cooked).to include("<h1>Pre-heading</h1>")
+    expect(cooked).to include("<h1>Post-heading</h1>")
+  end
 end