From 3a86443322c0cc3aab62c4006921779fc444476f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vladim=C3=ADr=20Gorej?= <vladimir.gorej@gmail.com>
Date: Fri, 9 Feb 2024 10:53:21 +0100
Subject: [PATCH] fix: add missing HTML id attributes (#9563)

Refs #9523

Co-authored-by: Reges Mendes <reges.mendes@gmail.com>
---
 src/core/components/schemes.jsx                      |  2 +-
 src/core/plugins/oas3/components/servers.jsx         |  6 +++++-
 src/standalone/plugins/top-bar/components/TopBar.jsx | 11 ++++++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/core/components/schemes.jsx b/src/core/components/schemes.jsx
index 02d8e376..f59c50b0 100644
--- a/src/core/components/schemes.jsx
+++ b/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()}
diff --git a/src/core/plugins/oas3/components/servers.jsx b/src/core/plugins/oas3/components/servers.jsx
index 67d3326c..859f58fb 100644
--- a/src/core/plugins/oas3/components/servers.jsx
+++ b/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) => (
diff --git a/src/standalone/plugins/top-bar/components/TopBar.jsx b/src/standalone/plugins/top-bar/components/TopBar.jsx
index edcb0569..407426a9 100644
--- a/src/standalone/plugins/top-bar/components/TopBar.jsx
+++ b/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>)
     }