Angular Karma - nb-card-header‘不是已知元素_angular karma测试失败，自定义标签不是已知元素_Jasmine & Karma：'mat-chip-list‘在测试Angular时不是已知元素 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular-内存溢出的问题

）文件过多； 2）订阅数据没有销毁占用内存，（看了下订阅的数据很少，应该不是的）； 3）因为所有的组件都在一个根目录下（上面说了，用的动态组件没用路由），导致需要编译的组件过多？..."@angular/compiler": "^6.1.0", "@angular/core": "^6.1.0", "@angular/forms": "^6.1.0", "@angular..."codelyzer": "~4.3.0", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma...": "~3.0.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1",..."karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.4.0

2.3K2 0

25个超有用的 AngularJS Web 开发工具

由于Protractor支持Angular的具体定位策略，故而你无需进行任何设置就可以测试特定的Angular元素。 ?...官方网站：https://www.firebase.com/docs/web/libraries/angular/index.html 5）AngularJs测试工具——karma karma也是一款非常盛行的测试框架...官方网站：http://karma-runner.github.io/0.12/index.html 6）最佳AngularJS工具——Mochajs Mocha是一款运行在Node.js和浏览器上，功能丰富的...官方网站：http://ng-inspector.org/ 11）Angular GetText Angular gettext为AngularJS提供超级简单的翻译支持。...Djangular允许你创建AngularJS内容的app，而不是包含了Django的单一庞大的AngularJS应用程序。 ?

3.7K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

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

开发者如果不够谨慎，便会通过依赖存在已知漏洞的代码，很容易将漏洞引入它们的代码库中。这就是为什么在安装第三方依赖关系之前需要对它们进行扫描，并在它们可用时应用安全补丁是很重要的。.../animations": "^8.0.0", "@angular/common": "^8.0.0", "@angular/compiler": "^8.0.0", "@angular.../core": "^8.0.0", "@angular/forms": "^8.0.0", "@angular/platform-browser": "^8.0.0", "@angular...": "~3.0.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1",..."karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter": "^0.2.2", "lint-staged": "8.1.0",

1.7K1 0

Angular2入门体验

好的工具往往使得开发应用更快更简单，而不是任何模块都手动开发。angualr cli就是一个支持创建工程，添加文件，对各种任务如测试、打包、部署等迭代。...点击这个网址,Nodejs安装文件下载在命令行中，执行： sudo npm install -g @angular/cli 注意执行命令的权限，否则会提示无法写入文件异常。...更多信息可以参考： angular cli github src目录应用所有的内容都在src目录中，包括组件、模板、样式、图片或者任何app需要的东西。...src . ├── README.md ├── e2e │ ├── app.e2e-spec.ts │ ├── app.po.ts │ └── tsconfig.e2e.json ├── karma.conf.js...编辑器配置 .gitignore git忽略的文件 karma.conf.js karma test 单元测试 package.json npm管理的第三方组件 protractor.conf.js

1.6K6 0

Angular Library 快速入门

新的配置文件 —— angular.json。...早期版本的 angular-cli.json 文件已经被替换为 angular.json 文件，文件的内容也发生了改变。.../build-angular:karma", "options": { "main": "projects/sf-lib/src/test.ts",..."tsConfig": "projects/sf-lib/tsconfig.spec.json", "karmaConfig": "projects/sf-lib/karma.conf.js.../lib/sf-lib.module'; 这里需要说明的是，对于组件来说：设置 @NgModule 的 exports 属性是为了使得元素可见，而添加到public_api.ts 入口文件是为了使得 Class

2.3K1 0

Twitter工程师聊JS

Angular? Ember?...没有一个确切的答案说是应该用谁如果你是刚起步的JS开发者，可能都不需要框架，用jquery就很好了，可能会枯燥，但可以让你更好的了解JS是如何工作的如果开发复杂一些的网站，就建议考虑下React、Angular...Ember 现在框架太多，比较起来不容易，建议看一个网站 http://todomvc.com TodoMVC用不同的框架实现了同一套TODO功能，便于大家对不同框架进行对比个人推荐 React/Angular...Javascript 不是一个单一的语言，每个浏览器有自己的JS引擎，在不同浏览器和版本之间产生了不少差异兼容性问题比较麻烦，http://caniuse.com 这个网站给出了各个API在不同浏览器下的支持情况...，他是一个test runner，Mocha和Jasmine的测试都可以使用Karma运行我个人的建议是 Karma + Jasmine，如果需要用到浏览器测试时，使用PhantomJS PhantomJS

1.4K6 0

Angular CLI 使用教程指南参考

Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本....参数描述 --global 返回全局配置值，而不是本地配置值（如果都设置）....参数描述 --global 设置全局配置值，而不是本地配置值。这也使ng set可以在项目之外工作。 ng build 构建工件将存储在/dist目录中。...ng lint 命令描述 ng lint 在项目上运行codelyzer linter ng test 命令描述 ng test [options] 使用 karma 运行单元测试参数描述...默认为true --browsers, --colors, --reporters, --port, --log-level 这些参数直接传递给karma ng version 命令描述 ng version

3K5 0

Angular8稳定版修改概述

Bazel将提供以下优势：更快的构建时间（对于第一次构建需要时间，但并发构建将更快），Angular已经在使用它，现在CI在7.5分钟内完成，而不是在Bazel之前的60分钟。...增量构建：您将能够仅构建和部署已更改的内容而不是整个应用程序。您可以弹出Bazel文件，默认情况下它们是隐藏的。..... }, "test": { "builder": "@angular-devkit/build-angular:karma", ......以前要删除所有元素，formArray 我们必须循环删除第一个元素直到空： while（formArray.length）{ formArray.removeAt（0）; } 现在就不需要那样操作了...结论以上就是angular 8版本的一些改动。总体来说变化不是很大，延续了angular每年一个稳定版的习惯。原文链接

4.5K2 0

使用Angular CLI进行单元测试和E2E测试

单元测试. angular cli使用karma进行单元测试. 首先执行ng test --help或者ng test -h查看帮助....NO_ERRORS_SCHEMA告诉angular忽略那些不识别的元素或者元素属性. ng test的常用参数....实际上angular cli是配合着protractor来进行这个测试的. 它的命令是 ng e2e....常用的参数有: --config -c 指定配置文件默认是 protractor.conf.js --element-explorer -ee 打开protractor的元素浏览器 --serve -...由于angular cli 更新比较快, 所以查看最新的功能最好还是看官方文档: https://github.com/angular/angular-cli/wiki

2.7K7 0

每日前端夜话(0x04)：2018年JavaScript状态调查（中）

但此处提供的所有数据仅涉及Angular。 Angular 随时间的流行度 ? Angular 最受喜欢的方面 ? Angular 最不受欢迎的方面 ? 哪些工具与 Angular 一起使用？ ?...与其他生态系统的疯狂步伐相比，许多人会说这是一种祝福，而不是一种诅咒。 Express ? GitHub 41k stars node的高效极简的Web框架。 Express 随时间的流行度 ?...Karma ? GitHub 10k stars 惊人的JavaScript测试器。 Karma 随时间的流行度很抱歉，我们没有足够的数据来显示该库随着时间推移的流行度。...Karma 最受喜欢的方面 ? Karma 最不受欢迎的方面 ? 哪些工具与 Karma 一起使用？ ?...使用 Karma 的国家情况平均而言，18.2％的受访者使用过 Karma ，并乐于再次使用它。

1.5K2 0

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

以前的开发模式如果需要用到后台的数据，前端不是通过写死数据在前端进行调试，就是等后台开发完成了一起调试，造成了开发效率低和测试用例覆盖低。...Angular4是搭建框架繁琐些，但组件开发效率高、维护成本低。 Angular把一些耦合的功能独立成一个子模块，方便进行组件化开发，同时也方便进行单元测试和后台接口模拟。...5.3 单元测试引入：Karma+Jasmine+Istanbul 一般开发人员都是比较喜欢架构开发、功能迭代，而不会花很多时间和精力在单元测试上，但是随着模块增多，迭代速度增快，变得开发的功能非常不可控...对于Angular的单元测试，可以利用Karma和Jasmine进行ng模块的单元测试，并可用Istanbul来生成代码覆盖率测试报告，是非常实用的工具。 ?...现在的平台开发不是单打独斗，而是需要多人高效合作，提高生产力的时代。所以在平台发展过程中，遇到的问题也很多，需要大家对平台产品和架构进行不断的思考、演进，以适应更好地发展。版权所属，禁止转载！

2.5K11 0

angular入门教程_初学者织围巾简单教程慢动作

@angular/cli 默认生成的 karma.conf.js 配置文件里面采用了一个有 bug 的 html 报告生成器，导致 ng test 运行报错，我们需要把这个 reporter 改成mocha...适合阅读的人群这个系列的文章适合以下人群阅读： Angular 新版本的初学者有 AngularJS 1.x 经验的开发者希望了解 Angular 新版本核心特性的开发者特别注意：这个系列的文章不是前端入门读物...在有了 NodeJS 之后，我们终于有了 Karma+Jasmine 这样的单元测试组合，也有了基于 WebDriverJS 这样的可以和浏览器进行通讯的集成测试神器。...@angular/cli 在开发 Angular 应用的时候，当然也离不开大量基于 NodeJS 的工具，我们需要 TypeScript compiler、webpack、Karma、Jasmine、...NgModel 使用案例代码： ngModel只能用在表单类的元素上面 <input [(ngModel)]="currentRace.name

3.3K2 0

【Hybrid开发高级系列】AngularJS(三)——开发实践

通过 $ yo --version && bower --version && grunt --version 命令来检查是不是所有东西都已经安装好了。...搜索’angular’的话，你会得到很多搜索结果。这些生成器都是由许多Yeoman开源社区贡献的。在这个例子里，我们使用的是’generator-angular’。...generator-angular会询问你需不需要使用Sass和/或者Bootstrap，使用’n'和’y'进行选择。然后你需要选择你需要使用的Angular模块。...test和karma.conf.js/karma-e2e.conf.js：测试框架以及针对这个项目的单元测试，包括了为控制器写的样板测试(boilerplatetests)。.../angular-1.4.9/angular.js"> app

2342 0

Angular React Vue我应该选择什么？

框架和库 Angular 是一个框架而不是一个库，因为它提供了关于如何构建应用程序的强有力的约束，并且还提供了更多开箱即用的功能。...React 和 Angular 之间的巨大差异是单向与双向绑定。当 UI 元素（例如，用户输入）被更新时，Angular 的双向绑定改变 model 状态。...React 只有一种方法：先更新 model，然后渲染 UI 元素。Angular 的方式实现起来代码更干净，开发人员更容易实现。...有关 Angular 2 与 Karma 和 Mocha 的整合的一些有用的文章。这里有一个关于 Angular 2 测试策略的旧视频（从2015年起）。...他们推荐使用 Karma。Vue 和 Jest 结合使用，还有 avoriaz 作为测试工具。

2.8K2 0

Vue.js快速入门

作为前端的三大框架之一（其他两个是Angular、React），Vue得到了大多前端开发者的青睐，最新版本为2.4.4 。...总的来说，可以总结为如下：优点：简单：官方文档很清晰，比 Angular 简单易学。快速：异步批处理方式更新 DOM。组合：用解耦的、可复用的组件组合你的应用程序。...对模块友好：可以通过 NPM、Bower 或 Duo 安装，不强迫你所有的代码都遵循 Angular 的各种规定，使用场景更加灵活。...Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。那么ViewModel是如何实现双向绑定的呢？ ?...4，新建项目新建一个项目文件夹（如 vue），cd到此文件夹，输入init命令新建一个vue项目: vue init webpack vue-demo 说明：我们暂时不适用模板提供的测试框架，如Karma

2.2K9 0

Angular2 之单元测试

单元测试需要掌握的知识点 karma.conf.js的配置具体了解到每一项的意义，这样才能真正的了解这个配置是如何配置的，甚至才可以做到自己的配置。...组件的测试单独的service测试 Angular的测试工具 Angular的测试工具类包含了TestBed类和一些辅助函数方法，当时这不是唯一的，你可以不依赖Angular 的DI（依赖注入）系统，...queryAll方法返回一列数组，包含所有DebugElement中满足predicate的元素。 By类是Angular测试工具之一，它生成有用的predicate。...getQuote 辅助方法提取出显示元素文本，然后expect语句确认这个文本与预备的名言相符。 fakeAsync fakeAsync是另一种Angular测试工具。...service的注入刚刚接触angular2吧，对很多service的写法不是很了解，以至于真的是白白浪费了很多时间，尤其是在这个service的模拟上。

5.5K2 0

Vue.js简介

作为前端的三大框架之一（其他两个是Angular、React），Vue得到了大多前端开发者的青睐，最新版本为2.4.4 。...总的来说，可以总结为如下：优点：简单：官方文档很清晰，比 Angular 简单易学。快速：异步批处理方式更新 DOM。组合：用解耦的、可复用的组件组合你的应用程序。...对模块友好：可以通过 NPM、Bower 或 Duo 安装，不强迫你所有的代码都遵循 Angular 的各种规定，使用场景更加灵活。...Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。那么ViewModel是如何实现双向绑定的呢？ ?...4，新建项目新建一个项目文件夹（如 vue），cd到此文件夹，输入init命令新建一个vue项目: vue init webpack vue-demo 说明：我们暂时不适用模板提供的测试框架，如Karma

5.5K7 0

基于 Express 应用框架的技术方案选型浅谈

服务的话，它无疑是个很好的选择本文主要讲解 Express 应用框架，虽然它提供的能力非常简单，但对于一些工具平台的开发完全可以胜任，并且可以写出各种千奇百怪的 MVC 模式（如果对服务端 MVC 不是很清晰可以阅读...React 并使用 React 设计了服务端渲染的 Express 应用（同年10月25日诞生了 Next.js ），大致的技术选型如下： Bootstrap React Mongoose Webpack Karma.../Chai 由于对 React 不是很熟悉，首先实现了单页应用，然后实现了服务端渲染应用。...Hot Module Replacement，启动开发环境的 Express 服务，实现热加载功能学习 flux / react-redux 学习 react-router 学习 mocha / karma...学习总结文档如下： Webpack Server React-Redux React-Router Mocha Karma 以上学习过程记录在 react-demo 和 react-start-kit

6.9K3 0

requests+selenium==requestium模块介绍

如果能以Requests为主，只在需要Selenium的时候才无缝调用，这样不是更好？看看Requestium吧，它以内嵌方式取代Requests，而且干的不错。...它整合了Parsel，用它编写的页面查询元素选择器代码特别清晰，它还为诸如点击元素和在DOM中渲染内容这些通用操作提供了帮助。又一个网页自动化省时利器！...s.transfer_driver_cookies_to_session() s.post('http://www.samplesite.com/sample2', data={'key1': 'value1'}) 你可以使用这些元素的方法有新的...= response.xpath("//span[@class='karma comment-karma']//text()").extract_first() reddit_golds_given...= etree.HTML(response.content).xpath( "//span[@class='karma comment-karma']//text()")[0]

3K2 0

AngularDart4.0 指南- 模板语法一顶

它可能看起来像一个元素属性的名称，但它不是。为了体会差异性，您必须开发一种思考HTML模板的新方法。...你不是设置属性（Attributes） ; 你应该设置DOM元素，组件和指令的属性(Properties)。...不是; 这是一个图像元素属性(property)的名称。...元素属性(property)可能是更常见的目标，但Angular首先查看名称是否是已知指令的属性(property)，如下例所示： [ngClass]...如果名称未能匹配已知指令或元素(property)的属性，则Angular会报告“未知指令”错误。避免副作用如前所述，模板表达式的评估必须没有可见的副作用。表达式语言本身是为了保证您的安全。

5.1K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭