---
title: 🟢 Checkbox
description: Challenge 28 is about testing a simple checkbox
sidebar:
  order: 28
---

:::note
WIP: The following documentation will be reviewed and improved. However, you can still take on the challenge. If you don't understand a certain part, please feel free to reach out or create an issue.
:::

<div class="chip">Challenge #28</div>

## Information

This is the perfect example to get started with `Testing Library`.

You will need to only check if the button gets enabled when clicking on the checkbox

You can look into debug function to get full power of `Testing Library` like:

- logRoles(...);
- screen.debug(); // you can pass a element as input
- screen.logTestingPlaygroundURL(); // you can pass a element as input

---

:::note
Start the project by running: `npx nx serve testing-checkbox`.
:::

:::tip[Reminder]
Your PR title must start with <b>Answer:28</b>.
:::

<div class="article-footer">
  <a
    href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A28+label%3Aanswer"
    alt="Checkbox community solutions">
    ❖ Community Answers
  </a>
  <a
    href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A28+label%3A'
    alt="Checkbox solution author">
    ▶︎ Author Answer
  </a>
  </div>
