Test

Test Case Description Result

test01 ⭐️ Test 01: Load JS file with defer Pass

View code

<!-- index.html -->
<script src="https://unpkg.com/hapi-recaptcha-html@latest/dist/hapi.min.js" defer></script>
<script src="./test000.js" defer></script>

test02 ⭐️ Test 02: Load JS file without defer Pass

View code

<!-- index.html (scripts at end of body) -->
<script src="https://unpkg.com/hapi-recaptcha-html@latest/dist/hapi.min.js"></script>
<script src="./test000.js"></script>

test03 ⭐️ Test 03: Inline Hapi.forms(...) initialization Pass

View code

<script src="https://unpkg.com/hapi-recaptcha-html@latest/dist/hapi.min.js"></script>
<script>
  Hapi.forms([
    {
      name: "form01",
      hapiformID: "5867eae1-...",
      redirectTo: "contactus-success.html",
      captchaId: "captcha-01",
      recaptchaSize: "normal",
    },
  ]);
</script>

test04 ⭐️ Test 04: Duplicate Alpine.js with defer and correct order Pass

View code

<!-- All three scripts use `defer`, so order is preserved -->
<script src="https://unpkg.com/hapi-recaptcha-html@latest/dist/hapi.min.js" defer></script>
<script src="test004.js" defer></script>
<script src="https://unpkg.com/alpinejs" defer></script>