fix: add missing HTML id attributes (#9563)

Refs #9523

Co-authored-by: Reges Mendes <[email protected]>

src/core/components/schemes.jsx

@@ -42,7 +42,7 @@ export default class Schemes extends React.Component {
     return (
       <label htmlFor="schemes">
         <span className="schemes-title">Schemes</span>
-        <select onChange={ this.onChange } value={currentScheme}>
+        <select onChange={ this.onChange } value={currentScheme} id="schemes">
           { schemes.valueSeq().map(
             ( scheme ) => <option value={ scheme } key={ scheme }>{ scheme }</option>
           ).toArray()}

src/core/plugins/oas3/components/servers.jsx

@@ -72,7 +72,11 @@ const Servers = ({
   return (
     <div className="servers">
       <label htmlFor="servers">
-        <select onChange={handleServerChange} value={currentServer}>
+        <select
+          onChange={handleServerChange}
+          value={currentServer}
+          id="servers"
+        >
           {servers
             .valueSeq()
             .map((server) => (

src/standalone/plugins/top-bar/components/TopBar.jsx

@@ -141,7 +141,16 @@ class TopBar extends React.Component {
     }
     else {
       formOnSubmit = this.downloadUrl
-      control.push(<input className={classNames.join(" ")} type="text" onChange={ this.onUrlChange } value={this.state.url} disabled={isLoading} />)
+      control.push(
+        <input
+          className={classNames.join(" ")}
+          type="text"
+          onChange={this.onUrlChange}
+          value={this.state.url}
+          disabled={isLoading}
+          id="download-url-input"
+        />
+      )
       control.push(<Button className="download-url-button" onClick={ this.downloadUrl }>Explore</Button>)
     }