[WB-2340-no-raw-button] Exempt no-raw-button in tests

Author: marcysutton

.eslintrc.js

@@ -54,6 +54,7 @@ module.exports = {
                 "no-undef": "off",
                 "import/no-deprecated": "off",
                 "@typescript-eslint/no-require-imports": "off",
+                "@khanacademy/wonder-blocks/no-raw-button": "off",
             },
         },
         {

packages/wonder-blocks-card/package.json

@@ -34,7 +34,6 @@
     "@phosphor-icons/core": "catalog:"
   },
   "devDependencies": {
-    "@khanacademy/wb-dev-build-settings": "workspace:*",
-    "@khanacademy/wonder-blocks-button": "workspace:*"
+    "@khanacademy/wb-dev-build-settings": "workspace:*"
   }
 }

packages/wonder-blocks-card/src/__tests__/components/card.test.tsx

@@ -2,7 +2,6 @@ import * as React from "react";
 import {render, screen} from "@testing-library/react";
 import {userEvent} from "@testing-library/user-event";
 
-import Button from "@khanacademy/wonder-blocks-button";
 import Card from "../../components/card";
 
 describe("Card", () => {
@@ -266,7 +265,7 @@ describe("Card", () => {
                 <Card inert testId="card">
                     <h2>Heading</h2>
                     <p>Description</p>
-                    <Button>Button</Button>
+                    <button>Button</button>
                 </Card>,
             );
 

packages/wonder-blocks-clickable/src/components/__tests__/clickable-behavior.test.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @khanacademy/wonder-blocks/no-raw-button */
 // Raw <button> elements here are minimal test fixtures — using WB Button in
 // unit tests would add unnecessary component coupling and the tests assert
 // behavior, not design system compliance.

packages/wonder-blocks-clickable/src/components/__tests__/clickable.test.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @khanacademy/wonder-blocks/no-raw-button */
 // Raw <button> elements here are minimal test fixtures — using WB Button in
 // unit tests would add unnecessary component coupling and the tests assert
 // behavior, not design system compliance.

packages/wonder-blocks-core/src/util/__tests__/focus.test.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @khanacademy/wonder-blocks/no-raw-button */
 // Raw <button> elements here are minimal test fixtures — using WB Button in
 // unit tests would add unnecessary component coupling and the tests assert
 // behavior, not design system compliance.

packages/wonder-blocks-date-picker/package.json

@@ -50,7 +50,6 @@
     "temporal-polyfill": "catalog:"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-button": "workspace:*",
     "@khanacademy/wb-dev-build-settings": "workspace:*"
   }
 }

packages/wonder-blocks-date-picker/src/components/__tests__/date-picker-input.test.tsx

@@ -3,7 +3,6 @@ import {describe, it} from "@jest/globals";
 import {render, screen} from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import {Temporal} from "temporal-polyfill";
-import Button from "@khanacademy/wonder-blocks-button";
 import {TemporalLocaleUtils} from "@khanacademy/wonder-blocks-date-picker";
 import DatePickerInput from "../date-picker-input";
 
@@ -437,15 +436,15 @@ describe("DatePickerInput", () => {
         const onChangeSpy = jest.fn();
         render(
             <>
-                <Button>Before</Button>
+                <button>Before</button>
                 <DatePickerInput
                     dateFormat="M/D/YYYY"
                     value="1/1/2026"
                     parseDate={TemporalLocaleUtils.parseDateToJsDate}
                     onChange={onChangeSpy}
                     testId="date-picker-input"
                 />
-                <Button>After</Button>
+                <button>After</button>
             </>,
         );
 

packages/wonder-blocks-date-picker/src/components/__tests__/date-picker.test.tsx

@@ -328,7 +328,7 @@ describe("DatePicker", () => {
                         minDate={minDate}
                         maxDate={maxDate}
                     />
-                    <Button>Other element</Button>
+                    <button>Other element</button>
                 </>,
             );
             await userEvent.tab();
@@ -354,7 +354,7 @@ describe("DatePicker", () => {
                     updateDate={jest.fn()}
                     dateFormat="MMMM D, YYYY"
                 />
-                <Button>Other element</Button>
+                <button>Other element</button>
             </>,
         );
 
@@ -396,7 +396,7 @@ describe("DatePicker", () => {
                         minDate={minDate}
                         resetInvalidValueOnBlur={false}
                     />
-                    <Button>Other element</Button>
+                    <button>Other element</button>
                 </>,
             );
             // Act
@@ -443,7 +443,7 @@ describe("DatePicker", () => {
                         minDate={minDate}
                         resetInvalidValueOnBlur={false}
                     />
-                    <Button>Other element</Button>
+                    <button>Other element</button>
                 </>,
             );
             // Act

packages/wonder-blocks-date-picker/src/components/__tests__/focus-manager.test.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @khanacademy/wonder-blocks/no-raw-button */
 // Allowing raw button in inernal utility testing
 import * as React from "react";
 import {describe, it} from "@jest/globals";