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

如何在Sinon中用Typescript/Angular检查http calledWith

在Sinon中使用Typescript/Angular检查http calledWith的方法如下:

  1. 首先,确保你已经安装了Sinon和Typescript/Angular相关的依赖。
  2. 在你的测试文件中,导入所需的依赖:
代码语言:txt
复制
import { SinonSpy, SinonStub, SinonFakeXMLHttpRequest } from 'sinon';
import { HttpClient } from '@angular/common/http';
  1. 创建一个Sinon的spy或stub来替代HttpClient中的http请求:
代码语言:txt
复制
const httpClientSpy: SinonSpy = sinon.createSpyObj('HttpClient', ['get']);

或者

代码语言:txt
复制
const httpClientStub: SinonStub = sinon.stub(HttpClient.prototype, 'get');
  1. 在测试用例中,使用Sinon的calledWith方法来检查http请求是否被正确调用:
代码语言:txt
复制
expect(httpClientSpy.get.calledWith('your-url')).toBeTruthy();

或者

代码语言:txt
复制
expect(httpClientStub.calledWith('your-url')).toBeTruthy();

这样,你就可以在Sinon中使用Typescript/Angular来检查http calledWith了。

对于Sinon的更多用法和详细信息,你可以参考腾讯云的产品文档: 腾讯云Sinon产品介绍

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

相关·内容

Vue 测试速成班

因为金字塔上端的测试可以帮助我们检查系统里的各个组件之间是否能很好地协同工作,使我们对系统更有把握。...HTTP 请求 初始状态通常是通过 HTTP 请求得到的。我们很容易在测试中完成真实的请求,但这会使得测试变得脆弱,并且对外部形成依赖。为了避免这种情况,我们可以在运行时更改请求的实现。...import chai from 'chai'; import sinon from 'sinon'; import sinonChai from 'sinon-chai'; chai.use(sinonChai...); it('should set info coming from endpoint', async () => { const commit = sinon.stub(); sinon.stub...这个插件扩展了 Chai 的 to.have.been 属性和 to.have.been.calledWith 方法。 如果我们返回一个 Promise,测试函数将变成异步的。

2.7K10

“别更新了,学不动了” 之:全栈开发者 2019 应该学些什么?

了解 GraphQL 可以解决哪些问题,以及如何在 RESTful API 中用它来进行路由优化。...HTTP2 HTTP2 变得越来越普遍,你需要知道如何使用这个协议来优化内容的传输。此外,HTTP3 正在开发当中,你可以关注它,但它并不是你在 2019 年需要过分关注的东西。...保持简单 测试框架有很多选择,但下面是 2019 年最好的两个组合: Jest(https://jestjs.io/) Mocha + Chai + Sinon + Istanbul 将...TypeScript:可以编译为 JavaScript 的 JavaScript 超集。 Flow:JavaScript 的静态类型检查器。...但是,Angular 和 Vue 都采用了 TypeScript,并将其作为开发者社区的标准,因此,TypeScript 可能会继续增长,并超越上述其他语言。

2.6K30
  • Twitter工程师聊JS

    Angular? Ember?...没有一个确切的答案说是应该用谁 如果你是刚起步的JS开发者,可能都不需要框架,用jquery就很好了,可能会枯燥,但可以让你更好的了解JS是如何工作的 如果开发复杂一些的网站,就建议考虑下React、Angular.../Angular + Lodash 02 应该使用哪种Javascript?...,带有一套类型系统,因为JS本身无类型,TypeScript变添加了类型,使其更加标准 CoffeeScript 也很接近JavaScript,添加了很多语法糖,有些已经被ES6采用 那么如何选择?...如果需要用到浏览器测试时,使用PhantomJS PhantomJS 是一个没有界面的浏览器,常用来配合自动测试 还有一些其他有用的测试工具: Selenium 可以在浏览器中进行真实的集成测试 Sinon

    1.4K60

    Angular的12个经典问题,看看你能答对几个?(文末附带Angular测试)

    ngAfterViewInit:Angular创建组件的视图后。 ngAfterViewChecked:在Angular检查组件视图的绑定之后。 2. ...它是如何在Angular 2中工作的? Angular 2不具有双向digest cycle,这是与Angular 1不同的。...如何在Angular 2应用程序中使用codelyzer? 所有企业应用程序都会遵循一组编码惯例和准则,以更好的方式维护代码。...Codelyzer是一个开源工具,用于运行和检查是否遵循了预定义的编码准则。Codelyzer仅对AngularTypeScript项目进行静态代码分析。...如何在Angular 2中启用延迟加载? 大多数企业应用程序包含用各式各样的用于特定业务案例的模块。捆绑整个应用程序代码并完成加载,会在初始调用时,产生巨大的性能开销。

    17.3K80

    何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南

    何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南 本文翻译自How to Install Angular on Windows: A Guide to...Angular CLI, Node.js, and Build Tools,作者为Ahmed Bouchefra 在本教程中,我们将学习如何在 Windows 中安装 Angular CLI 并使用它来创建...什么是 Angular CLI? Angular CLI 是用于初始化和使用 Angular 项目的官方工具。它使您免于复杂配置和构建工具( TypeScript、Webpack 等)的麻烦。...近年来,它还被用来发布前端包和库, Angular、React、Vue.js 甚至 Bootstrap。...结论 在本教程中,我们了解了如何在 Windows 计算机上安装 Angular CLI,并使用它从头开始初始化一个新的 Angular 项目。

    47200

    为什么不学基于TypeScript的Node.js服务端开发?

    新事物总是在遇到问题和矛盾当中产生,一些拥有类型检查特性的工具或可转译语言诞生了,比如Flow、Dart、还有TypeScript。...我们都知道,Angular 2完全使用TypeScript来编写,整体编程理念设计上来说也非常的OOP,且内置了RxJS作为响应式编程的基础,以及引入了Java界非常引以为傲的依赖注入机制(IoC),在当时的前端界产生了很大的争议...NestJS这个框架算是到目前为止,对TypeScript支持的最好的一个Node.js服务端框架了,它的上层框架实现了一套通用的框架机制:模块、自定义装饰器、依赖注入、控制器、过滤器、管道、守卫、中间件和拦截器等功能...;在框架下层,通过适配器适配到其他一些符合其理念的基础HTTP框架Express、Fastify等。...假如这段代码运行起来,它可以被通过这样的URL进行访问:http://use-your-domain/products 是不是挺有意思?

    3.4K30

    Angular 5.0.0发布!

    这对于通过HTTP获取数据的场景是很有用的。通过把状态从服务器传送到客户端,开发者就不用再发第二次HTTP请求了。状态转交的相关文档几周后会发布。...TypeScript转换 现在,Angular编译器底层的工作机制是TypeScript转换,从而让递增式重新构建快了很多。...通过把指令导出为多个名称,可以在不破坏原有代码的情况下在Angular语法中使用新名称。Angular Material项目已经在其前缀迁移项目中用上了,对其他组件作者肯定也有用。...HttpClient受到了开发者的广泛赞誉,因此我们推荐在所有应用中使用它,放弃之前的 @angular/http library。...要升级HttpClient,需要在每个模块的 @angular/common/http中把 HttpModule替换为 HttpClientModule,注入HttpClient服务,删除所有 map(

    4.4K40

    ASP.NET Core + Angular 2 Template for Visual Studio服务器端预加载的意义何在?Webpack 开发中间件模块热拔插(HMR)

    多个月以来,我和多个Github上的社区贡献者一起建立支持库、包,我们最终的目的是希望完成这样一个作为起点的模板,也就是基于把Typescript代码和Angular2宿主在ASP.NET Core项目中...Node.js 4及以上: 因为一些issue ,我们暂时不支持Node 0.x,使用node -v检查你的Node版本。...服务器端预加载的意义何在? 意义并不在于让支持哪些不运行javascript的浏览器,它只是一种极端情况而已(如果为了这种极端情况,那还为什么要建立一个SPA应用呢?)...模块热拔插(HMR)解决了这个问题,在默认的开发模式下,它会监测对于angular项目文件的任何改变(Typescript,css,html),当改变发生,它会自动触发一次快速的编译,并且托送所有改变的文件到活动的浏览器窗口...原文地址:http://www.dotnet.online/Article/66/ASP-NETCoreAngular2TemplateforVisualStudio 源地址:http://blog.stevensanderson.com

    3.3K60

    Angular vs React 最全面深入对比

    Angular Angular除了提供一些需要最新浏览器支持的功能外,同时提供以下标准功能: 依赖注入 模板 路由(@angular/router) AJAX(@angular/http) 表单(@angular...Flow Flow是由Facebook开发的JavaScript类型检查工具。它可以解析代码并检查常见的类型错误,隐式转换或取消引用。...与类似目的的TypeScript不同,它不需要开发人员迁移到新语言,并为你的代码注释类型检查工作。在流程中,类型注释是可选的,可用于向分析器提供其他提示。...Angular TypeScript TypeScript是一种基于JavaScript开发并由Microsoft开发的新语言。...该类库已被Angular采用其HTTP模块以及一些内部使用。当您执行HTTP请求时,它返回一个Observable,而不是通常的Promise。 虽然这个类库非常强大,但也很复杂。

    3.8K70

    前端框架与库 - Angular基础:组件、模板、服务

    Angular 是一款由 Google 维护的流行前端框架,用于构建动态的 Web 应用。它基于 TypeScript,提供了丰富的功能,包括组件化架构、数据绑定、依赖注入等。...本文将深入浅出地介绍 Angular 中的组件、模板和服务,探讨常见问题、易错点及如何避免,并通过代码示例加深理解。 组件 组件是 Angular 的核心构建块,每个应用都是由多个组件组成的。...'; } } 模板 Angular 的模板语言允许你在 HTML 中嵌入 TypeScript 表达式,使用插值表达式、属性绑定、事件绑定等语法糖。...服务 服务是 Angular 中用于封装业务逻辑的类,通常用于数据获取、状态管理等。服务可以通过依赖注入系统在整个应用中共享和复用。...服务注入范围 理解并正确设置服务的注入范围,'root'、'singleton'或在特定模块中。 通过理解和应用这些原则,你可以构建健壮、高效的 Angular 应用,避免常见的开发陷阱。

    18410

    前端框架与库 - Angular基础:组件、模板、服务

    Angular 是一款由 Google 维护的流行前端框架,用于构建动态的 Web 应用。它基于 TypeScript,提供了丰富的功能,包括组件化架构、数据绑定、依赖注入等。...本文将深入浅出地介绍 Angular 中的组件、模板和服务,探讨常见问题、易错点及如何避免,并通过代码示例加深理解。组件组件是 Angular 的核心构建块,每个应用都是由多个组件组成的。...'; }}模板Angular 的模板语言允许你在 HTML 中嵌入 TypeScript 表达式,使用插值表达式、属性绑定、事件绑定等语法糖。...服务服务是 Angular 中用于封装业务逻辑的类,通常用于数据获取、状态管理等。服务可以通过依赖注入系统在整个应用中共享和复用。...服务注入范围undefined理解并正确设置服务的注入范围,'root'、'singleton'或在特定模块中。

    14610

    TypeScript发展历程

    TypeScript(TS)是一种由 Microsoft 开发的开源编程语言,它建立在 JavaScript 基础之上,为 JavaScript 增加了静态类型检查和一系列其他特性。...Angular 2 选择 TypeScript(2016):TypeScript 获得了重要的推动力是因为 Angular 团队宣布 Angular 2 将采用 TypeScript 作为主要开发语言。...TypeScript 2.0 发布(2016):TypeScript 2.0 在 2016 年发布,引入了一系列新特性,非空断言操作符、可选属性、标记联合类型等。...引入高级类型和工具链(2017 - 2018):在之后的版本中,TypeScript 引入了许多高级类型特性,条件类型、映射类型、索引访问类型等。...TypeScript 3.x 系列(2018 - 2019):TypeScript 3.x 系列推出了一系列增强功能,元组类型、Nullable 类型、readonly 修饰符等,进一步提升了类型安全性和代码质量

    35300

    WebStorm for Mac(JavaScript开发工具)中文版

    Angular应用程序的新检查对于Angular应用程序,WebStorm添加了17项新检查,可帮助您在键入时检测应用程序中的Angular特定错误,并建议快速修复。...这些检查TypeScript和模板文件中都有效,并检查绑定,指令,组件和许多其他内容的使用。...Angular项目中的导航更容易在Angular应用程序中,您现在可以使用相关符号...弹出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)在不同的组件文件(TypeScript...这意味着您现在可以获得更准确的类型检查和类型信息,您将能够使用服务提供的快速修复程序,并在TypeScript工具窗口中查看当前文件中的所有TypeScript错误。...CSS的浏览器兼容性检查检查目标浏览器版本是否支持您使用的所有CSS属性,可以在首选项中启用新的 浏览器兼容性检查

    4.9K50

    给Java程序员的Angular快速指南 | 洞见

    接下来,就跟我开始 Angular 之旅吧。 ? ---- 语言 - TypeScript Angular 使用 TypeScript 作为主要开发语言。...不过也不用担心,Angular 自带的 lint 工具会帮你检查是否有忘了显式 implements 接口,多注意提示就可以了。 接口是给编译器和 IDE 看的,这很有用。...事实上,一些 IDE 对 TypeScript 的支持程度已经接近 Java 了:代码提示、重构、类型检查、简短写法提醒等,应有尽有。...Angular 风格指南提出,“考虑在服务和可声明对象(组件、指令和管道)中用类代替接口”。...(图片来自:http://t.cn/RgsWKEJ) 开发时,Angular CLI 内置了对反向代理的支持;部署时,各个主流 Web 服务器都能很好地支持反向代理。

    2.4K42
    领券