首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Angular 2+中哪里是保存Jasmine数据fixture的合适位置?

在Angular 2+中,适合保存Jasmine数据fixture的位置是在测试文件的同级目录下的spec文件夹中。在spec文件夹中,可以创建一个名为fixtures的子文件夹来保存Jasmine数据fixture。

Jasmine数据fixture是用于模拟测试环境中的数据,以便进行单元测试或集成测试。它可以包含模拟的数据对象、模拟的服务或模拟的组件等。

以下是一个示例目录结构:

代码语言:txt
复制
- app
  - component
    - my-component.ts
  - service
    - my-service.ts
- spec
  - component
    - my-component.spec.ts
    - fixtures
      - my-component.fixture.ts
  - service
    - my-service.spec.ts
    - fixtures
      - my-service.fixture.ts

在上述示例中,my-component.fixture.tsmy-service.fixture.ts分别保存了my-component.spec.tsmy-service.spec.ts中所需的Jasmine数据fixture。

对于Angular应用中的不同组件或服务,可以在相应的测试文件夹中创建相应的fixture文件夹来保存fixture数据。这样可以使测试文件和fixture文件保持良好的组织和结构,方便维护和管理。

在编写测试用例时,可以通过导入相应的fixture文件来使用其中的数据,以便进行测试。例如,在my-component.spec.ts中可以这样导入my-component.fixture.ts中的fixture数据:

代码语言:txt
复制
import { MyComponentFixture } from './fixtures/my-component.fixture';

describe('MyComponent', () => {
  let fixture: MyComponentFixture;

  beforeEach(() => {
    fixture = new MyComponentFixture();
  });

  // 测试用例...
});

需要注意的是,fixture数据应该根据具体的测试需求进行设计和编写,以确保测试的准确性和完整性。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular2 之 单元测试

TestBed类和@angular/core/testing一些方法。...queryAll方法返回一列数组,包含所有DebugElement满足predicate元素。 By类Angular测试工具之一,它生成有用predicate。...它By.css静态方法产生标准CSS选择器 predicate,与JQuery选择器相同方式过滤。 detectChanges:测试Angular变化检测。...伪造服务实例 被测试组件不一定要注入真正服务。实际上,服务复制品(stubs, fakes, spies或者mocks)通常会更加合适。 spec主要目的测试组件,而不是服务。...第二点就是模拟时候,我竟然傻傻自己去spec文件自己去new了BaseDataRemoteService,所以我根本没有办法去执行spyOn(foo, "getBar")这样模拟,然后就是一直出错

5.5K20

如何管理云原生应用程序依赖关系

应用程序在哪里被托管并不重要,重要如何开发和部署它们。云原生开发既可以使用公共云,也可以使用私有云。任何云存储都具有存储功能并支持来自全球任意一个公共网关访问,而无需考虑实际地理位置。...内部依赖指同一软件系统两段代码之间依赖关系,外部依赖指位于不同软件系统两段代码之间依赖关系。...例如,NPM 要求部署前将各种依赖关系加载到容器。许多依赖关系开源,各种研究人员都能接触并发现其中漏洞,这也是它们持续更新原因之一。...NPM 应用程序依赖关系仓库 package.json 文件定义。...它不仅可以加快你开发过程,而且还可以确保你团队每个人都在使用相同版本依赖关系。自动化工具工作原理查看你代码声明依赖关系,并将它们与可用版本进行比较。

1.7K10

angular面试问题_kafka面试题

Angular中有什么作用? 什么JasmineAngular中有什么用? 什么protractor? 单元测试 Unit Test 什么Angular单元测试?...jasmine一套通用测试框架,除了Angular之外,也有广泛引用;KarmaAngular专用用于管理测试配置等框架,让测试代码方便指定浏览器执行;另外,根据喜好,也可以选择 Mocha...protractorAngular专用e2e框架。 什么Karma? Angular中有什么作用? Karma用于浏览器环境针对测试代码执行源代码工具。...Angular项目的根目录下,我们具有用于配置Karma文件karma.conf。 什么JasmineAngular中有什么用?...protractor能够填写表格,单击按钮,并确认预期数据和样式显示HTML文档

2.3K20

React vs Angular,到底那个更好用

Jasmine、Karma 和 Protractor:都是浏览器中进行端到端测试与调试工具。...与 Angular 不同 React ,您无法使用单个工具去测试整个应用,而必须使用不同工具进行不同类型测试。...虽然虚拟 DOM 被认为比真正 DOM 操作起来更为快捷,但是 Angular ,由于需要进行变更检测,因此这两种方法性能方面实际上相当。...Angular 双向数据绑定类似于“模型 - 视图 - 控制器(Model-View-Controller,MVC)”体系结构, 由于其中模型和视图同步,因此数据变更会影响到视图上,而视图更改也会反过来触发数据相应变更...值得一提,该调查涵盖了 AngularJS 和 Angular 2+ 用户。 有趣Angular 负面评论上也较为领先。

5.6K60

25个超有用 AngularJS Web 开发工具

AngularJS是为了克服HTML构建应用上不足而设计。HTML一门很好为静态文本展示设计声明式语言,改善了JavaScript。...1)AngulaJS最佳测试工具——Protractor Protractor支持AngularJS应用程序,一款终端到终端测试框架。Protractor真正浏览器运行测试。...官方网站:http://angular.github.io/protractor/ 2)AngularJS测试框架——Jasmine Jasmine对于JavaScript用户而言,也是一款测试框架。...官方网站:http://vesparny.github.io/angular-kickstart/#/ 17)ng book 当我们构建大型Angular应用程序时,总是难以避免经常性地碰到那些看似难以发现和解决令人头疼无比问题.../ 19)Code Orchestra COLT一款前端开发工具,它允许点播式编写代码。当你修改代码保存之后,它可以通过特殊协议,将改变传达给正在工作应用程序。支持AngularJS。 ?

3.7K50

一文带你了解2018年最流行前端技术

从广泛角度看,这些结果显示,受访者认可使用jQuery(79.91%),React(41.02%),Vue.js(17.19%)和Angular 2+(12.63% )。...Vue.js似乎也获得了开发者大量支持,有17.19%受访者表示他们觉得使用起来很舒服,比2016年结果增加了11.71%。 与React和Vue.js相比,Angular 2+略有减少。...这使得Vue刚刚领先于Angular 2+,它获得了13.77%回应。 Angular 2使用量比2016年下降了14.86%,但这并没有转化为Angular 2+增长,只增长了5.3%。...正如我们在前面的问题中看到,Vue.js(10.34%)被认为受访者中最重要JavaScript框架,Angular 2+(5.91%)和Ember(4.59%)之前。...看起来Jest真的社区引起了共鸣,并提供了与之前所提供不同东西。 Mocha和Jasmine使用量因此下滑,分别为14.05%和10.54%。

69130

使用YAKINDU STATECHART TOOLSTypeScript代码生成

单页web应用 TypeScript一门免费和开源编程语言,由Microsoft开发和维护。语法上,TypeScriptJavaScript严格超集,添加了可选类型。...Angular 2+或Ionic 2+等web框架都是基于TypeScript。这些框架利用了TypeScript优势来建造可扩展单页web应用。...信息娱乐组件一个容器,里面有进一步组件,例如infotainment menu, weather, music player和phone。 图片右侧,可以看到三个菜单项。...它描述什么东西应该在哪里以什么样选项生成。生成器模型可以通过已有的YAKINDU 状态图 Generator Model 向导创建,也可以创建扩展名为.sgen文本文件。 ?...集成所生成菜单服务状态机到Angular Angular上下文中,所生成MenuService状态机被创建为一个Angular服务。

2K10

前端自动化测试工具 overview

TDD vs BDD: TDD(Test Drivin Development)测试驱动开发,强调一种开发方式,以测试来驱动整个项目,即先根据接口完成测试编写,然后完成功能时要不断通过测试,最终目的通过所有测试...超越” Mocha && Jasmine Mocha 跟 Jasmine 目前最火两个单元测试框架,基本上目前前端单元测试就在这两个库之间选了,下面这两个库区别,大家可以根据自己需求进行选择:...,可以让你在node对真实浏览器dom进行操作和测试,不同就是Phantomjs基于webkit(chrome),而Slimer则基于 Gecko(firefox)。...Karma Google Angular 团队开源 JavaScript测试执行过程管理工具,其提供了强大自动化测试功能,其主要提供能力如下: 提供真实环境,可以配置 各种chrome, firefox...等各种浏览器环境或者 Phantomjs等无头浏览器环境 可控制自动化测试流程,比如编辑器保存时自动全部全部测试用例 强大适配器,可以karma上面配置jasmine,mocha等单元测试框架。

2.2K110

前端自动化测试工具 overview

TDD vs BDD: TDD(Test Drivin Development)测试驱动开发,强调一种开发方式,以测试来驱动整个项目,即先根据接口完成测试编写,然后完成功能时要不断通过测试,最终目的通过所有测试...超越” Mocha && Jasmine Mocha 跟 Jasmine 目前最火两个单元测试框架,基本上目前前端单元测试就在这两个库之间选了,下面这两个库区别,大家可以根据自己需求进行选择:...,可以让你在node对真实浏览器dom进行操作和测试,不同就是Phantomjs基于webkit(chrome),而Slimer则基于 Gecko(firefox)。...Karma Google Angular 团队开源 JavaScript测试执行过程管理工具,其提供了强大自动化测试功能,其主要提供能力如下: 提供真实环境,可以配置 各种chrome, firefox...等各种浏览器环境或者 Phantomjs等无头浏览器环境 可控制自动化测试流程,比如编辑器保存时自动全部全部测试用例 强大适配器,可以karma上面配置jasmine,mocha等单元测试框架。

1.3K10

搭建 karma + jasmine 测试环境

在前端开发过程,我们会写很多功能函数,这样就会涉及到对这些功能函数进行单元测试,而karma就是一个很好用可以浏览器环境中进行测试集成工具。 1....什么 karma karma Angular团队开发一款测试工具,帮助开发者更好更快速地多种环境下执行测试代码,拿到测试结果。...在运行时候,它会自动启动配置好浏览器,同时也会启动一个 node 服务器,然后启动好浏览器执行测试代码,并将测试代码执行结果传回给 node 服务器,然后 node 服务器在打印出收到执行结果... init 时会让你选择一些配置项: test framework ---- 我这里选择jasmine,它是一款JavaScript断言测试库 use Require.js ---- 根据个人情况...核心,另一个karma对jasmine封装。

1.7K20

【UTP自动化测试平台系列之终章】前端探索之路

之前前端用户信息缓存交给后台还进行管理和存储,如果进行了前后端分离,前端该如何保存用户信息呢?...分离后,我们引入了Token概念,即用户唯一标识身份,大致流程:当用户打开网页时,首先访问前端,前端通过判断用户唯一,如果为空,则向新用户系统进行身份请求,前端保存Token;同时前后端交互也是通过...Jquery和DOM选择器绑在一起,开发随处可以对显示文字、样式和排版进行修改,让前端开发人员开发、定位问题都特别难,使得代码难以维护。...用 Angular 扩展语法编写 HTML模板 用组件类管理这些模板 用服务添加应用逻辑 用模块打包发布组件与服务 通过引导根模块来启动该应用 Angular 浏览器接管、展现应用内容,并根据我们提供操作指令响应用户交互...一定要遵循angular架构顺序,首先通过npm i方式进行组件下载,然后module中进行引用,最后使用组件引入接口。

2.5K110

每日前端夜话(0x04):2018年JavaScript状态调查(

Angular一个基于TypeScript开源前端Web应用程序平台。 请注意,与以往不同,调查过去版本还有一个关于AngularJS问题。...因此,尽管Angular几年前丢掉了其统治地位 —— 相对而言,一旦尘埃落定,它很可能会恢复到原来状态。 数据数据层重新组合用于传输和管理数据所有技术。...结论 在过去美好时光里,事情总是很简单。 数据存储在数据,服务器可以在其中获取数据,将其放入模板,然后将整个数据发送到客户端。 但事情并不那么简单。...今天,程序需要知道自己如何获取数据以呈现在模板和组件。 这就产生了一系列数据提取和数据管理工具。 毫无疑问,Redux这些工具中使用最广泛工具,其82%满意率证明了它成熟度。...它已经存在了很长一段时间,拥有最大生态系统,大多数Node.js开发者都熟悉它。 Jest使用方面紧随其后,但其满意度略高:96%对82%。96%今年整个调查第高满意度。

1.5K20

2017年前端框架、类库、工具大比拼

单页应用程序 使用度 低 Angular框架(或MVC应用程序框架)类列表第一个。...目前最流行Angular版本是1.x,它使用双向数据绑定扩展HTML,同时解耦了DOM操作和应用程序逻辑。 尽管版本2(现在版本4!)已经发布了,但是Angular 1.x仍在开发。...该框架由之前AngularJS工作过Evan You创建,他提取了AngularJS自己喜欢部分。 Vue.js使用HTML模板语法将DOM绑定到实例数据。...Gulp使用易于阅读JavaScript代码,将源文件加载到流,并在将数据输出到构建文件夹之前,通过各种插件管理数据。在任何其它选项之前检查Gulp.js简单、快速和有趣。...当前版本 2.6.0 每月下载 200万 Jasmine一个行为驱动测试工具,可以浏览器自动测试UI和交互。

2.3K10

Twitter工程师聊JS

单页应用特点无需页面跳转刷新,例如 Facebook首页、Gmail邮箱 应该使用哪个框架呢?React? Angular? Ember?...和 sourcemaps hot reloading 当文件内容变化时,浏览器动态更新文件 sourcemaps 使debug更加容易,使bundle回到原始形式 Grunt、gulp、broccoli...JS测试越来越重要,JS本身没有测试框架,需要依赖外置库 Mocha和Jasmine两个主流库,你来定义预期行为,然后进行断言 对于运行测试,Mocha提供了命令行工具,而Jasmine没有,很多开发者使用...Karma,他一个test runner,Mocha和Jasmine测试都可以使用Karma运行 我个人建议 Karma + Jasmine,如果需要用到浏览器测试时,使用PhantomJS...PhantomJS 一个没有界面的浏览器,常用来配合自动测试 还有一些其他有用测试工具: Selenium 可以浏览器中进行真实集成测试 Sinon 对于AJAX请求类型测试很有帮助

1.4K60

这些必备VSCode JavaScript插件你都用过吗?

而这些功能,曾经只像Eclipse或者Visual Studio 2017这样完整集成开发环境(IDEs)才有。 VS Code强大无疑来自于它插件市场。...提供这种支持方式多样,主要包括了为特定技术提供代码片段、语法高亮、Emmet以及智能提示功能。 本文,我主要介绍专门针对前端开发者VS Code插件。...这里最流行VS Code代码检查插件: ESLint(这个插件把ESLint集成到VS Code。它是最流行代码检测插件,已有超过670万下载量。...浏览器插件 除非你在用JavaScript写控制台程序,否则你多半会在浏览器执行你JavaScript代码。这意味着,你会频繁地刷新浏览器以观察每次你更新代码效果。...这里有一些工具,能极大地减少你开发时这种重复流程,而不是每次都手动刷新浏览器: 1. Debugger for Chrome(在编辑器打断点,让你轻松地Chrome里调试JavaScript。

5.7K10
领券