角度測試：開發人員的介紹

>本指南探討了Angular 5項目中的自動測試，覆蓋單元和端到端測試。 Angular的內置測試功能可通過Angular CLI或快速啟動項目訪問。

本指南提供了基本的理解。 全面的處理將需要更長的資源。

>

密鑰概念：

• 角度測試基礎： 測試技術：
• （配置測試模塊），茉莉（寫作測試），業力（瀏覽器測試執行）和量角器（端到端測試）是關鍵技術。 > 單元測試組件：TestBed組件是隔離或在角度環境中測試的，以評估模板和依賴關係相互作用。
和異步實用程序有助於此。
• 用依賴項測試：用於依靠其他組件，服務或模塊的組件，TestBed>需要模擬服務或圖式
進行隔離。
• > >>端到端測試：TestBed NO_ERRORS_SCHEMA
>代碼覆蓋範圍：
• 像業力的工具生成報告顯示了測試覆蓋的程度。
• 補充工具：（代碼覆蓋）和Visual Studio Code（智能代碼編輯）增強代碼質量和一致性。 coverageIstanbulReporter>
>先決條件：
• 假定對Angular 4基本原理和對自動測試概念的熟悉的強烈掌握。 本指南使用Angular 5.2。 示例代碼可用（鏈接到GitHub存儲庫將轉到此處）。 > ng lint

測試技術：

• 角度測試實用程序：構建測試環境的類和功能（主要用於配置測試模塊）。 示例：TestBed

TestBed.configureTestingModule({
  imports: [ RouterTestingModule ],
  declarations: [ DashboardComponent ],
  schemas: [ NO_ERRORS_SCHEMA ],
  providers: [
    {
      provide: HeroService,
      useClass: MockHeroService
    }
  ],
})
.compileComponents();

• 茉莉花：使用行為驅動符號的測試框架。 示例：

describe('createCustomer', () => {
  it('should create new customer', (customer) => {
    // ...assertions...
  });
  // ...more tests...
});

• karma：在瀏覽器環境中執行測試，在命令行和瀏覽器中顯示結果。 配置在中。 示例配置摘要：karma.conf.js

module.exports = function (config) {
  config.set({
    // ...configuration details...
    browsers: ['Chrome'],
    // ...more configuration...
  });
};

• 量角器： 一個端到端測試框架，用於在真實瀏覽器中模擬用戶交互。 配置在>中。 protractor.conf.js

單元測試： >運行

執行測試。 然後，該指南詳細介紹瞭如何使用模擬或

等技術來解決使用依賴項（其他組件，模塊，服務）測試組件（其他組件，模塊，服務）等常見問題。 該示例顯示瞭如何測試利用ng test和NO_ERRORS_SCHEMA的組件。 解決了使用服務的測試組件，證明了模擬服務的創建以隔離單元測試。 FormsModule RouterTestingModule

服務測試：

該指南提供了一個測試與互動的服務的示例，使用來控制請求和響應，創建各種測試方案。 HttpClientModule> HttpTestingController>

端到端測試：

>該指南通過量角器介紹端到端測試，顯示如何創建輔助功能（例如，）和寫E2E測試（例如，在IN中） ）。 一個示例演示了測試導航和驗證顯示的文本。 app.po.ts app.e2e-spec.ts

>代碼覆蓋範圍：

>該指南說明瞭如何使用來生成代碼覆蓋範圍報告，以及如何在。 >。 >。 >。 ng test --watch=false --code-coverage karma.conf.js

其他實用程序：該指南建議使用

用於代碼伸長和Visual Studio代碼的智能代碼編輯功能（IntelliSense，錯誤突出顯示，Angular Extensions）。 還提到了連續集成的好處（CI）。

ng lint

何時寫測試：該指南結束了結束，討論何時適當編寫測試（原型後，提供足夠的資金）以及測試驅動的開發的好處（TDD）。 它強調了測試對生產就緒應用的重要性。 FAQ部分解決了有關角度測試的常見問題。

以上是角度測試：開發人員的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！