Nu pot apela o funcție dintr-un alt fișier JavaScript

Am două fișiere JavaScript pe tema mea personalizată. Un fișier are funcții care trebuie utilizate pe celălalt fișier. Ce am mai jos nu merge. Aceasta este eroarea pe care o primesc.

Eroare de referință neprinsă: testul nu este definit.

jQuery va fi folosit pe ambele fișiere.

fișier1.js

/**
 * @fișier
 * Comportamentele UI
 */

(funcție ($, Drupal) {

 „utilizați strict”;

  $(document).ready(funcție () {
    test de functionare(){
     console.log('bună ziua'):
    }
  });

})(jQuery, Drupal);

fișier2.js

/**
 * @fișier
 * Comportamentele UI
 */

(funcție ($, Drupal) {

  „utilizați strict”;

  $(document).ready(funcție () {
     Test();
  });

})(jQuery, Drupal);

customtheme.libraries.yml

scripturi:
  js:
    js/file1.js: {}
    js/file2.js: {}

customtheme.info.yml

biblioteci:
 - „temă personalizată/scripte”

Asta pentru ca Test() este împachetat într-o funcție anonimă, ceea ce o face să nu fie disponibilă în afara acelei funcții.

L-aș adăuga la obiectul Drupal:

Fișierul 1:

(funcție($, Drupal) {
  Drupal.myFunction = function() {
    // Fă ceva.
  }
}(jQuery, Drupal));

Fișierul 2:

(funcție($, Drupal) {
  Drupal.myFunction();
});

De asemenea, ca o notă secundară, $(document).gata() nu este utilizat în Drupal. În Drupal Drupal.comportamente se foloseste in schimb: https://www.drupal.org/docs/drupal-apis/javascript-api/javascript-api-overview