Issue #3247332 by bnjmnm, narendraR, tim.plunkett, leslieg: Text in Composer instructions

  function getPopupMessage() {

    const download = Drupal.t('Download');

    const composerText = Drupal.t(

      'The !use_composer_open recommended to download any Drupal module!close is with !get_composer_open Composer !close</a>',

      'The !use_composer_open recommended way to download any Drupal module!close is with !get_composer_open Composer !close.</a>',

      {

        '!close': '</a>',

        '!use_composer_open':

      },

    );

    const composerExistsText = Drupal.t(

      'If you already manage your Drupal application dependencies with Composer, simply open your CLI and run the following command from the Composer root directory for your application',

      "If you already manage your Drupal application dependencies with Composer, run the following from the command line in your application's Composer root directory",

    );

    const infoText = Drupal.t(

      'This will download the module to your codebase.',

      },

    );

    const drushText = Drupal.t(

      'Alternatively, you can use !drush_opendrush!close to enable it via the CLI',

      'Alternatively, you can use !drush_openDrush!close to enable it via the command line.',

      {

        '!drush_open':

          '<a href="https://www.drush.org/latest/" target="_blank">',

              <p>${composerText}</p>

              <p>${composerExistsText}:</p>

              <div id="download-cmd">

                <input id="${project.field_project_machine_name}-download-command" value="composer require drupal/${project.field_project_machine_name} --with-all-dependencies"/>

                <input id="${project.field_project_machine_name}-download-command" value="composer require drupal/${project.field_project_machine_name}"/>

                <button id="download-btn"><img src="${drupalSettings.project_browser.origin_url}/${drupalSettings.project_browser.module_path}/images/copy-icon.svg" alt={Drupal.t('Copy the install command')}/></button>

                <div id="${project.field_project_machine_name}-copied-download" class="copied-download">${copied}</div>

              </div>

  .button--primary,

  .button--secondary,

  .button.is-disabled {

    color: #ffffff;

    color: #fff;

    width: 110.53px;

    height: 24px;

    font-size: 12.65px;

    $page->pressButton('Clear filters');

    $assert_session->waitForElementVisible('css', '#project-browser .project');

    $assert_session->pageTextContains('Results');

    $assert_session->waitForElement('css', '.pager__item--next');

    $assert_session->elementsCount('css', '.pager__item--next', 1);

    $page->find('css', 'a[aria-label="Next page"]')->click();