actually click on the button not the div

apps/remix-ide-e2e/src/tests/remixd.test.ts

@@ -87,8 +87,8 @@ module.exports = {
       .click('#staticanalysisButton button').pause(4000)
       .waitForElementPresent('#staticanalysisresult .warning', 2000, true, function () {
         browser
-          .waitForElementVisible('[data-id="staticAnalysisModuleMiscellaneous1"')
+          .waitForElementVisible('[data-id="staticAnalysisModuleMiscellaneous1Button"]')
-          .click('[data-id="staticAnalysisModuleMiscellaneous1"')
+          .click('[data-id="staticAnalysisModuleMiscellaneous1Button"]')
           .waitForElementVisible('.highlightLine16', 60000)
           .getEditorValue((content) => {
             browser.assert.ok(content.indexOf(

libs/remix-ui/static-analyser/src/lib/ErrorRenderer.tsx

@@ -4,10 +4,11 @@ interface ErrorRendererProps {
   message: any;
   opt: any,
   warningErrors: any
-  editor: any
+  editor: any,
+  name: string,
 }
 
-const ErrorRenderer = ({ message, opt, editor }: ErrorRendererProps) => {
+const ErrorRenderer = ({ message, opt, editor, name }: ErrorRendererProps) => {
   const getPositionDetails = (msg: any) => {
     const result = { } as Record<string, number | string>
 
@@ -48,7 +49,7 @@ const ErrorRenderer = ({ message, opt, editor }: ErrorRendererProps) => {
         <div className="close" data-id="renderer">
           <i className="fas fa-times"></i>
         </div>
-        <span className='d-flex flex-column' onClick={() => handlePointToErrorOnClick(opt.location, opt.fileName)}>
+        <span className='d-flex flex-column' data-id={`${name}Button`} onClick={async () => await handlePointToErrorOnClick(opt.location, opt.fileName)}>
           <span className='h6 font-weight-bold'>{opt.name}</span>
           { opt.item.warning }
           {opt.item.more

libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx

@@ -539,7 +539,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
                   {element[1]['map']((x, i) => ( // eslint-disable-line dot-notation
                     x.hasWarning ? ( // eslint-disable-next-line  dot-notation
                       <div data-id={`staticAnalysisModule${x.warningModuleName}${i}`} id={`staticAnalysisModule${x.warningModuleName}${i}`} key={i}>
-                        <ErrorRenderer message={x.msg} opt={x.options} warningErrors={ x.warningErrors} editor={props.analysisModule}/>
+                        <ErrorRenderer name={`staticAnalysisModule${x.warningModuleName}${i}`} message={x.msg} opt={x.options} warningErrors={ x.warningErrors} editor={props.analysisModule}/>
                       </div>
 
                     ) : null