title: Failed to execute 'querySelector' on 'Document': 'button[data-id="purple-button" disabled]' is not a valid selector
body: <p>How do I query for an element with multiple attributes?  I.E. I want to select the element based on its element type, data-id, and whether it is <code>disabled</code> or not.</p>
  <p>Here is the html:</p>
  <p><code>&lt;button disabled=&quot;&quot; data-id=&quot;purple-button&quot;&gt;...&lt;/button&gt;</code></p>
  <p>and here is my test code:</p>
  <pre><code>await page.evaluate(
      () =&gt; document.querySelector('button[data-id=&quot;purple-button&quot; disabled]') !== null,
    );
  </code></pre>
  <p>The error when I try running the test is the title of this post.  I have tried looking at other solutions on stackoverflow but have not found any yet that use examples of elements with multiple attributes.</p>
  <p>Thanks in advance!</p>