test(linter): add extra test case for multiple forbidden props in react/forbid-dom-props

Author: baevm

crates/oxc_linter/src/rules/react/forbid_dom_props.rs

@@ -365,7 +365,7 @@ fn test() {
                       <div className="foo">
                         <input className="boo" />
                         <span className="foobar">Foobar</span>
-                        <div otherProp="bar" />
+                        <div otherProp="bar" className="forbiddenClassname" />
                       </div>
                     );
                   "#,

crates/oxc_linter/src/snapshots/react_forbid_dom_props.snap

@@ -86,13 +86,21 @@ source: crates/oxc_linter/src/tester.rs
  4 │                         <input className="boo" />
  5 │                         <span className="foobar">Foobar</span>
    ·                               ─────────
- 6 │                         <div otherProp="bar" />
+ 6 │                         <div otherProp="bar" className="forbiddenClassname" />
    ╰────
 
   ⚠ eslint-plugin-react(forbid-dom-props): Avoid using otherProp
    ╭─[forbid_dom_props.tsx:6:30]
  5 │                         <span className="foobar">Foobar</span>
- 6 │                         <div otherProp="bar" />
+ 6 │                         <div otherProp="bar" className="forbiddenClassname" />
    ·                              ─────────
  7 │                       </div>
    ╰────
+
+  ⚠ eslint-plugin-react(forbid-dom-props): Please use class instead of ClassName
+   ╭─[forbid_dom_props.tsx:6:46]
+ 5 │                         <span className="foobar">Foobar</span>
+ 6 │                         <div otherProp="bar" className="forbiddenClassname" />
+   ·                                              ─────────
+ 7 │                       </div>
+   ╰────