test/e2e-test-application/src/index.html

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1"
    />
    <link rel="stylesheet" href="/luigi-core/luigi.css" />
    <style>
      /* LUIGI CUSTOM CONTAINER FEATURE */
      /* [luigi-app-root] {
        float: left;
        width: 70%;
        height: 500px;
      }

      .custom {
        padding: 20px;
        text-align: center;
      }

      .main {
        position: relative;
        overflow: hidden;
      }

      #my-header {
        width: 100%;
        height: 200px;
        border: 1px solid;
      }

      #my-leftnav {
        position: relative;
        width: 20%;
        height: 500px;
        border: 1px solid;
        float: left;
      }

      #my-rightnav {
        position: relative;
        width: 10%;
        height: 500px;
        border: 1px solid;
        float: right;
      }

      #my-footer {
        position: relative;
        width: 100%;
        height: 300px;
        border: 1px solid;
      }

      .custom {
        padding: 20px;
        text-align: center;
      } */
    </style>
  </head>

  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>

    <script src="/luigi-core/luigi.js"></script>

    <script src="/assets/extendedConfiguration.bundle.js"></script>
    <!-- 
    <div luigi-app-loading-indicator>
      <div
        class="fd-busy-indicator--m"
        aria-hidden="false"
        aria-label="Loading"
        data-testid="luigi-loading-spinner"
      >
        <div class="fd-busy-indicator--circle-0"></div>
        <div class="fd-busy-indicator--circle-1"></div>
        <div class="fd-busy-indicator--circle-2"></div>
      </div>
    </div>-->
    <!-- LUIGI CUSTOM CONTAINER FEATURE -->
    <!-- <div class="custom" id="my-header">MY HEADER</div>
    <div class="main">
      <div class="custom" id="my-leftnav">MY LEFTNAV</div>
      <div luigi-app-root></div>
      <div luigi-app-loading-indicator>
        <div class="fd-busy-indicator--m" aria-hidden="false" aria-label="Loading" data-testid="luigi-loading-spinner">
          <div class="fd-busy-indicator--circle-0"></div>
          <div class="fd-busy-indicator--circle-1"></div>
          <div class="fd-busy-indicator--circle-2"></div>
        </div>
      </div>
      <div class="custom" id="my-rightnav">MY RIGHTNAV</div>
    </div>
    <div class="custom" id="my-footer">MY FOOTER</div> -->
  </body>
</html>