Issue #3311978 by Utkarsh_33, narendraR, srishtiiee: Text area of composer...

Issue #3311978 by Utkarsh_33, narendraR, srishtiiee: Text area of composer command should be read only

sveltejs/src/Project/ActionButton.svelte

@@ -115,7 +115,7 @@
               <p>${composerText}</p>
               <p>${composerExistsText}:</p>
               <div id="download-cmd">
-                <input id="${project.project_machine_name}-download-command" value="composer require ${project.composer_namespace}"/>
+                <input id="${project.project_machine_name}-download-command" value="composer require ${project.composer_namespace}" readonly/>
                 <button id="download-btn"><img src="${FULL_MODULE_PATH}/images/copy-icon.svg" alt={Drupal.t('Copy the install command')}/></button>
                 <div id="${project.project_machine_name}-copied-download" class="copied-download">${copied}</div>
               </div>
@@ -126,7 +126,7 @@
               <p>${installText}.</p>
               <p>${drushText}:</p>
               <div id="install-cmd">
-                <input id="${project.project_machine_name}-install-command" value="drush pm:install ${project.project_machine_name}"/>
+                <input id="${project.project_machine_name}-install-command" value="drush pm:install ${project.project_machine_name}" readonly/>
                 <button id="install-btn"><img src="${FULL_MODULE_PATH}/images/copy-icon.svg" alt={Drupal.t('Copy the install command')}/></button>
                 <div id="${project.project_machine_name}-copied-install" class="copied-install">${copied}</div>
               </div>`;

tests/src/FunctionalJavascript/ProjectBrowserUiTest.php

@@ -232,6 +232,23 @@ class ProjectBrowserUiTest extends WebDriverTestBase {
 
   }
 
+  /**
+   * Tests read-only input fields for referred commands.
+   */
+  public function testReadonlyFields(): void {
+    $page = $this->getSession()->getPage();
+    $assert_session = $this->assertSession();
+    $this->drupalGet('admin/modules/browse');
+    $this->svelteInitHelper('text', 'Helvetica');
+    $page->clickLink('Helvetica');
+    $this->assertTrue($assert_session->waitForText('By Hel Vetica'));
+    $this->clickWithWait('#project-browser .button--primary');
+    $allowed_html_field = $assert_session->fieldExists('helvetica-download-command');
+    $this->assertTrue($allowed_html_field->hasAttribute('readonly'));
+    $allowed_html_field = $assert_session->fieldExists('helvetica-install-command');
+    $this->assertTrue($allowed_html_field->hasAttribute('readonly'));
+  }
+
   /**
    * Tests paging through results.
    */