javascript - 如何在 teaspoon-Jasmine 测试中包含脚本标签

Question

如何加载 stripe 脚本，以便在我的 Teaspoon-Jasmine 测试期间定义 Stripe。

错误:

Failure/Error: ReferenceError: Stripe is not defined

茶匙测试:

describe("Stripe", function() {
  var paymentElement ;

  describe("constructor", function(){
    beforeAll(function(){
     // Tried this..

      var head = document.getElementsByTagName('head')[0];
      var jQueryScript = document.createElement('script');
      jQueryScript.setAttribute('type', 'text/javascript');
      jQueryScript.setAttribute('src', 'https://js.stripe.com/v3/');
      head.appendChild(jQueryScript);

     // also tried..

      $.getScript( "https://js.stripe.com/v3/");

      paymentElement = new Helpers.Stripe.PaymentElement(); 
    });

    describe("with defaults", function(){
     it("should define stripe", function(){
        expect(Stripe('test-token')).toBeDefined();
      });

      it("should define stripe through instance", function(){
        expect(paymentElement.stripe).toBeDefined();
      });

    });
  });
});

Answer 1

在 getScript 运行之后但在加载脚本并且页面上存在 Stripe 对象之前可能有一个异步时期。

摩卡支持asynchronous callbacks ，所以试一试，像这样:

  describe("constructor", function() {
    before(function(done) {
      $.getScript('script url here', function() {
        done();
      });
    });
  });

最新版本的 Mocha 支持直接返回 promise ，因此您也可以这样做。