Cy/new tos #3642

calvin-codecov · 2025-01-08T23:18:53Z

Description

Notable Changes

Modified the TOS screen to ask for both email and name as required fields

Screenshots

Link to Sample Entry

Legal Boilerplate

Look, I get it. The entity doing business as "Sentry" was incorporated in the State of Delaware in 2015 as Functional Software, Inc. In 2022 this entity acquired Codecov and as result Sentry is going to need some rights from me in order to utilize my contributions in this PR. So here's the deal: I retain all rights, title and interest in and to my contributions, and by keeping this boilerplate intact I confirm that Sentry can use, modify, copy, and redistribute my contributions, under Sentry's choice of terms.

codecov · 2025-01-08T23:21:35Z

❌ 16 Tests Failed:

Tests completed	Failed	Passed	Skipped
2735	16	2719	2

View the top 3 failed tests by shortest run time

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #3 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user has email, user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0218s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input23"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input24"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #2 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0257s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input21"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input22"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #6 > 
        Has signed in: true
        Has a email via oauth: 
       > scenario: user checks marketing consent and does not provide an email, sign TOS (check email validation messages)

Stack Traces | 0.0371s run time

TestingLibraryElementError: Unable to find an element with the text: /Contact email/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input37"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input38"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectEmailRequired .../pages/TermsOfService/TermsOfService.test.tsx:780:32
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:13

To view more test analytics, go to the Test Analytics Dashboard
📢 Thoughts on this report? Let us know!

codecov-staging · 2025-01-08T23:21:36Z

❌ 16 Tests Failed:

Tests completed	Failed	Passed	Skipped
2737	16	2721	0

View the top 3 failed tests by shortest run time

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #3 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user has email, user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0218s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input23"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input24"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #2 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0257s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input21"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input22"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #6 > 
        Has signed in: true
        Has a email via oauth: 
       > scenario: user checks marketing consent and does not provide an email, sign TOS (check email validation messages)

Stack Traces | 0.0371s run time

TestingLibraryElementError: Unable to find an element with the text: /Contact email/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input37"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input38"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectEmailRequired .../pages/TermsOfService/TermsOfService.test.tsx:780:32
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:13

To view more test analytics, go to the Test Analytics Dashboard
📢 Thoughts on this report? Let us know!

codecov-public-qa · 2025-01-08T23:21:48Z

❌ 16 Tests Failed:

Tests completed	Failed	Passed	Skipped
2149	16	2133	0

View the top 3 failed tests by shortest run time

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #3 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user has email, user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0218s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input23"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input24"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #2 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0257s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input21"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input22"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #6 > 
        Has signed in: true
        Has a email via oauth: 
       > scenario: user checks marketing consent and does not provide an email, sign TOS (check email validation messages)

Stack Traces | 0.0371s run time

TestingLibraryElementError: Unable to find an element with the text: /Contact email/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input37"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input38"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectEmailRequired .../pages/TermsOfService/TermsOfService.test.tsx:780:32
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:13

To view more test analytics, go to the Test Analytics Dashboard
📢 Thoughts on this report? Let us know!

codecov-qa · 2025-01-08T23:24:29Z

❌ 16 Tests Failed:

Tests completed	Failed	Passed	Skipped
2149	16	2133	0

View the top 3 failed tests by shortest run time

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #3 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user has email, user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0218s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input23"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input24"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #2 > 
        Has signed in: true
        Has a email via oauth: chetney@cr.com
       > scenario: user wants to receive emails, signs TOS, submit is now enabled

Stack Traces | 0.0257s run time

TestingLibraryElementError: Unable to find an element with the text: /chetney@cr.com/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input21"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input22"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectUserSelectsMarketingWithFoundEmail .../pages/TermsOfService/TermsOfService.test.tsx:717:55
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:19

src/pages/TermsOfService/TermsOfService.test.tsx > TermsOfService > form validation, case #6 > 
        Has signed in: true
        Has a email via oauth: 
       > scenario: user checks marketing consent and does not provide an email, sign TOS (check email validation messages)

Stack Traces | 0.0371s run time

TestingLibraryElementError: Unable to find an element with the text: /Contact email/i. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="mx-auto w-full max-w-[38rem] text-sm text-ds-gray-octonary"
    >
      <div
        class="mt-14 flex gap-2"
      >
        <h1
          class="text-2xl font-semibold"
        >
          Welcome to Codecov
        </h1>
        <img
          alt="codecov-umbrella"
          src=".../assets/svg/umbrella.svg"
          width="30px"
        />
      </div>
      <form>
        <div
          class="mt-4 border-y border-ds-gray-tertiary"
        >
          <div
            class="my-6 flex flex-col gap-2"
          >
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingName"
              >
                <span
                  class="font-semibold"
                >
                  Enter your name
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input37"
                  >
                    John Doe
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="name"
                      id="marketingName"
                      name="marketingName"
                      placeholder="John Doe"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mb-4 mt-2 flex flex-col gap-1"
            >
              <label
                class="cursor-pointer"
                for="marketingEmail"
              >
                <span
                  class="font-semibold"
                >
                  Enter your email
                </span>
                 
              </label>
              <div
                class="flex max-w-xs flex-col gap-2"
              >
                <div>
                  <label
                    class="mb-2 block font-semibold sr-only"
                    for="text-input38"
                  >
                    name@example.com
                  </label>
                  <div
                    class="relative"
                  >
                    <input
                      class="block h-8 w-full border-ds-gray-tertiary bg-ds-container px-3 text-sm disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary disabled:text-ds-gray-quaternary rounded border"
                      data-marketing="Email to receive updates"
                      id="marketingEmail"
                      name="marketingEmail"
                      placeholder="[email protected]"
                      type="text"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              class="mt-4 flex gap-2"
            >
              <input
                aria-label="sign up for marketing emails"
                id="marketingConsent"
                name="marketingConsent"
                type="checkbox"
              />
              <label
                class="cursor-pointer"
                for="marketingConsent"
              >
                I would like to receive updates via email
                 
                <span
                  class="italic"
                >
                  - optional
                </span>
              </label>
            </div>
            <div
              class="flex gap-2"
            >
              <input
                aria-label="I accept the terms of service and privacy policy"
                id="tos"
                name="tos"
                type="checkbox"
              />
              <label
                aria-label="I agree to the TOS and privacy policy"
                class="cursor-pointer"
                for="tos"
              >
                <span
                  class="font-medium"
                >
                  I agree to
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="termsOfService"
                    data-marketing="termsOfService"
                    href="https://about.codecov.io/terms-of-service"
                    target="_blank"
                  >
                    terms of services
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                   
                  and the
                   
                  <a
                    class="
  font-sans cursor-pointer

  hover:underline

  focus:ring-2
 text-ds-blue-default inline-flex items-center gap-1"
                    data-cy="privacy"
                    data-marketing="privacy"
                    href="https://about.codecov.io/privacy"
                    target="_blank"
                  >
                    privacy policy
                    <span
                      class="text-ds-gray-quinary"
                    >
                      <svg
                        class="w-4 h-4"
                        data-icon=""
                        data-testid=""
                        fill="none"
                        stroke="currentColor"
                        viewBox="0 0 24 24"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                        />
                      </svg>
                    </span>
                  </a>
                </span>
                 
              </label>
            </div>
          </div>
        </div>
        <div
          class="mt-3 flex justify-end gap-2"
        >
          <a
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-quaternary

    hover:text-ds-gray-octonary
    focus:ring-0
  "
            data-cy="login"
            data-marketing="login"
            href="/login"
          >
            Back
          </a>
          <button
            class="
  flex items-center gap-1
  rounded py-1 px-4
  transition-colors duration-150 motion-reduce:transition-none

  focus:outline-none focus:ring

  disabled:cursor-not-allowed 
 disabled:text-ds-gray-quaternary disabled:border-ds-gray-tertiary disabled:bg-ds-gray-primary 
    justify-center font-semibold
    text-ds-gray-octonary bg-ds-gray-primary border-ds-gray-quaternary
    border-solid border shadow

    hover:bg-ds-gray-secondary
  "
            data-cy="user signed tos"
            data-marketing="user signed tos"
            data-testid="user signed tos"
            disabled=""
            type="submit"
          >
            Continue
          </button>
        </div>
      </form>
    </div>
  </div>
</body>
 ❯ Object.getElementError node_modules/@.../dom/dist/config.js:37:19
 ❯ node_modules/@.../dom/dist/query-helpers.js:76:38
 ❯ node_modules/@.../dom/dist/query-helpers.js:52:17
 ❯ node_modules/@.../dom/dist/query-helpers.js:95:19
 ❯ expectEmailRequired .../pages/TermsOfService/TermsOfService.test.tsx:780:32
 ❯ .../pages/TermsOfService/TermsOfService.test.tsx:595:13

To view more test analytics, go to the Test Analytics Dashboard
📢 Thoughts on this report? Let us know!

calvin-codecov added 2 commits January 8, 2025 11:23

feat: Change to new TOS page

2bbe9a0

fix: bold tweak

8c40e1f

fix: name key change

687f749

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Cy/new tos #3642

Cy/new tos #3642

calvin-codecov commented Jan 8, 2025

codecov bot commented Jan 8, 2025 •

edited

Loading

codecov-staging bot commented Jan 8, 2025 •

edited

Loading

codecov-public-qa bot commented Jan 8, 2025 •

edited

Loading

codecov-qa bot commented Jan 8, 2025 •

edited

Loading

Cy/new tos #3642

Are you sure you want to change the base?

Cy/new tos #3642

Conversation

calvin-codecov commented Jan 8, 2025

Description

Notable Changes

Screenshots

Link to Sample Entry

Legal Boilerplate

codecov bot commented Jan 8, 2025 • edited Loading

❌ 16 Tests Failed:

codecov-staging bot commented Jan 8, 2025 • edited Loading

❌ 16 Tests Failed:

codecov-public-qa bot commented Jan 8, 2025 • edited Loading

❌ 16 Tests Failed:

codecov-qa bot commented Jan 8, 2025 • edited Loading

❌ 16 Tests Failed:

codecov bot commented Jan 8, 2025 •

edited

Loading

codecov-staging bot commented Jan 8, 2025 •

edited

Loading

codecov-public-qa bot commented Jan 8, 2025 •

edited

Loading

codecov-qa bot commented Jan 8, 2025 •

edited

Loading