Cluter list test (#503)

* Render cluster list on the screen

* Init the test

* Finish the test

frontend/src/components/ClustersList.tsx

@@ -112,10 +112,10 @@ function ClustersList({
               return (
                 <span
                   key={cluster.Name}
-                  className="flex items-center mt-2 text-xs"
+                  className="data-cy-clusterName flex items-center mt-2 text-xs"
                 >
                   <input
-                    className="cursor-pointer"
+                    className="cursor-pointer data-cy-clustersInput"
                     onChange={(e) => {
                       onClusterChange(e.target.value);
                     }}
@@ -154,7 +154,7 @@ function ClustersList({
             />
             <label
               htmlFor={namespace.name}
-              className="ml-1"
+              className="data-cy-clusterList-namespace ml-1"
             >{`${namespace.name} [${namespace.amount}]`}</label>
           </span>
         ))}