From 85884959ec20ff36b1f46db9ddb112d03f465dce Mon Sep 17 00:00:00 2001
From: LB <mail@lb.ee>
Date: Wed, 23 Oct 2024 09:37:12 +1000
Subject: [PATCH] [tests] Add additional test cases
 `label-has-associated-control`

- Add test cases for non-nested labels with custom controlComponents
- Fix small typo in mayContainChildComponent util
- See #962
---
 __tests__/src/rules/label-has-associated-control-test.js | 2 ++
 src/util/mayContainChildComponent.js                     | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/__tests__/src/rules/label-has-associated-control-test.js b/__tests__/src/rules/label-has-associated-control-test.js
index 6db067394..8116bc340 100644
--- a/__tests__/src/rules/label-has-associated-control-test.js
+++ b/__tests__/src/rules/label-has-associated-control-test.js
@@ -86,6 +86,7 @@ const nestingValid = [
   { code: '<label>foo<progress /></label>' },
   { code: '<label>foo<textarea /></label>' },
   // Custom controlComponents.
+  { code: '<label>A label<CustomInput /></label>', options: [{ controlComponents: ['CustomInput'] }] },
   { code: '<label><span>A label<CustomInput /></span></label>', options: [{ controlComponents: ['CustomInput'] }] },
   { code: '<label><span>A label<CustomInput /></span></label>', settings: componentsSettings },
   { code: '<CustomLabel><span>A label<CustomInput /></span></CustomLabel>', options: [{ controlComponents: ['CustomInput'], labelComponents: ['CustomLabel'] }] },
@@ -141,6 +142,7 @@ const nestingInvalid = [
   { code: '<label><span><span><span><span aria-label="A label" /><input /></span></span></span></label>', options: [{ depth: 5 }], errors: [expectedError] },
   { code: '<label><span><span><span><input aria-label="A label" /></span></span></span></label>', options: [{ depth: 5 }], errors: [expectedError] },
   // Custom controlComponents.
+  { code: '<label>A label<OtherCustomInput /></label>', options: [{ controlComponents: ['CustomInput'] }], errors: [expectedError] },
   { code: '<label><span>A label<CustomInput /></span></label>', options: [{ controlComponents: ['CustomInput'] }], errors: [expectedError] },
   { code: '<CustomLabel><span>A label<CustomInput /></span></CustomLabel>', options: [{ controlComponents: ['CustomInput'], labelComponents: ['CustomLabel'] }], errors: [expectedError] },
   { code: '<CustomLabel><span label="A label"><CustomInput /></span></CustomLabel>', options: [{ controlComponents: ['CustomInput'], labelComponents: ['CustomLabel'], labelAttributes: ['label'] }], errors: [expectedError] },
diff --git a/src/util/mayContainChildComponent.js b/src/util/mayContainChildComponent.js
index 43a03ef0f..65000a04f 100644
--- a/src/util/mayContainChildComponent.js
+++ b/src/util/mayContainChildComponent.js
@@ -35,7 +35,7 @@ export default function mayContainChildComponent(
         if (childNode.type === 'JSXExpressionContainer') {
           return true;
         }
-        // Check for comonents with the provided name.
+        // Check for components with the provided name.
         if (
           childNode.type === 'JSXElement'
           && childNode.openingElement