From 859b2e149a0dcf6a764c12acc16bc7a98b6f4158 Mon Sep 17 00:00:00 2001
From: Tim Lai <timothy.lai@gmail.com>
Date: Tue, 22 Mar 2022 17:17:03 -0700
Subject: [PATCH] fix(auth): use aria-label instead of name field (#7930)

---
 src/core/plugins/oas3/components/http-auth.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/core/plugins/oas3/components/http-auth.jsx b/src/core/plugins/oas3/components/http-auth.jsx
index 47bad1e6448..069be3ff519 100644
--- a/src/core/plugins/oas3/components/http-auth.jsx
+++ b/src/core/plugins/oas3/components/http-auth.jsx
@@ -74,7 +74,7 @@ export default class HttpAuth extends React.Component {
           <label>Username:</label>
           {
             username ? <code> { username } </code>
-                     : <Col><Input type="text" required="required" name="username" onChange={ this.onChange } autoFocus/></Col>
+              : <Col><Input type="text" required="required" name="username" aria-label="auth-basic-username" onChange={ this.onChange } autoFocus/></Col>
           }
         </Row>
         <Row>
@@ -84,6 +84,7 @@ export default class HttpAuth extends React.Component {
                        : <Col><Input autoComplete="new-password"
                                      name="password"
                                      type="password"
+                                     aria-label="auth-basic-password"
                                      onChange={ this.onChange }/></Col>
             }
         </Row>
@@ -112,7 +113,7 @@ export default class HttpAuth extends React.Component {
               <label>Value:</label>
               {
                 value ? <code> ****** </code>
-              : <Col><Input type="text" name="bearer" onChange={ this.onChange } autoFocus/></Col>
+              : <Col><Input type="text" aria-label="auth-bearer-value" onChange={ this.onChange } autoFocus/></Col>
           }
         </Row>
         {