【免费】Agnular单元测试入门指南1资源-CSDN文库

需积分: 0 26 浏览量 2022-08-04 11:40:00 上传评论收藏 122KB PDF 举报

资源详情

资源评论

资源推荐

Agular 单元测试编写入门指南单元测试编写入门指南

Angular 是一个mobile和桌面web应用的开发平台。核心概念包括组件、依赖注入、绑定。在测试方面提供了基于TestBed测试库，借助通用的单元测

试框架jasmine等可以开展单元测试工作。本文介绍如何使用TestBed库进行单元测试用例的编写。

单元测试用例编写基本过程单元测试用例编写基本过程

单元测试用例编写和运行的前提是：配置好Agular项目的文件结构，单元测试代码统一放置在组件.spec.ts中，同时在开发测试框架中进行相关配置，

这些配置可能包括编译、nodejs、karma、jasmine等配置。

测试用例编写通用步骤:

导入Angular相关包、被测组件类、支撑组件类（包括打桩类、第三方类）

在代码编写框架下配置测试环境

编写测试条目

一、导入一、导入Angular相关包、被测组件类、支撑组件类（包括打桩类、第三方类）相关包、被测组件类、支撑组件类（包括打桩类、第三方类）

在导入相关类时，注意导入的类与被测组件类有关。在导入相关类时，注意导入的类与被测组件类有关。

如果组件中无路由，则可以不导入路由类，如果不选择DOM，可以不导入By，对所有导入的类需要有一定的了解。

下面一步步详细说明：

1. 导入Angular 包，根据调用情况变化，常见的Component组件，Directive指令，Injector 注入，NgModule，NOERRORSSCHEMA浅测试

import { Component, Directive, Injector, NgModule, OpaqueToken,NO_ERRORS_SCHEMA, Pipe,

PlatformRef, SchemaMetadata, Type } from '@angular/core';

2. 导入 async异步测试、ComponentFixture装置和TestBed测试床

import {async，ComponentFixture,TestBed } from "@angular/core/testing"

3. 导入css选择器类By，元素类el，通过DOM测试时需要这些

import {By} from '@angular/platform-browser'

import {el} from "@angular/platform-browser/testing/browser_util";

4. 导入Router, ActivatedRoute路由、HTTP、FormsModule表单类等

import {Router, ActivatedRoute} from "@angular/router";

import {Http, HttpModule, ConnectionBackend, BaseRequestOptions, XHRBackend} from "@angular/http";

import {Location} from '@angular/common';

import {FormsModule} from "@angular/forms";

import {fakeAsync, tick} from "@angular/core/testing/fake_async";

import {inject, getTestBed} from "@angular/core/testing";

import {MockBackend, MockConnection} from "@angular/http/testing/mock_backend";

下面导入与被测对象相关的类

5. 实际被测组件类、服务类

import {ModifyDevComponent} from "./modifydevice.component";/*被测组件-这是个修改设备的组件*/

import {DeviceConfigService} from "../../../project/set/deviceconfig.service";/*这是个修改配置的服务*/

6. 被测对象打桩类

import {RouterStub} from "../../../../../UTStub/RouterStub";

import {ObservableStub} from "../../../../../UTStub/ObservableStub";

import {HTTPStub} from "../../../../../UTStub/HttpStub";

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论0

内容反馈

yiyi分析亲密关系

粉丝: 22
资源: 321

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip