test/visual/vaadin-text-area/text-area-2.html

<!DOCTYPE html>

<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <script src="../../../../webcomponentsjs/webcomponents-loader.js"></script>
  <script>
    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
    document.write(`<link rel="import" href="../../../theme/${theme}/vaadin-text-area.html">`);

    window.addEventListener('WebComponentsReady', function() {
      setTimeout(function() {
        window.ShadyDOM && window.ShadyDOM.flush(); // Force DOM composition
        window.webComponentsAreReady = true; // Checked in gemini before capture callback
      });
    });
  </script>
  <link href="../common.html" rel="import">
</head>

<body>

  <custom-style>
    <style>
      fieldset {
        font-family: sans-serif;
        font-size: 16px;
        width: 550px;
        border: solid 1px grey;
      }
    </style>
  </custom-style>

  <form>
    <fieldset id="text-area">
      disabled: <vaadin-text-area disabled></vaadin-text-area>
      <p>
      placeholder: <vaadin-text-area placeholder="Run Vaadin"></vaadin-text-area>
      <p>
      invalid: <vaadin-text-area required invalid></vaadin-text-area>
      <p>
      label: <vaadin-text-area label="Foo"></vaadin-text-area>
    </fieldset>
  </form>

</body>