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

有没有办法用angular-cli从angular项目的共享组件文件夹中运行测试?

是的,可以使用angular-cli从angular项目的共享组件文件夹中运行测试。

在Angular项目中,可以使用angular-cli(也称为Angular命令行界面)来管理和运行测试。angular-cli提供了一些命令和选项,可以帮助我们在项目中运行测试。

要从共享组件文件夹中运行测试,可以按照以下步骤操作:

  1. 确保已经安装了最新版本的angular-cli。可以使用以下命令检查版本:
  2. 确保已经安装了最新版本的angular-cli。可以使用以下命令检查版本:
  3. 在项目根目录下,使用以下命令创建一个新的测试文件夹(例如,"shared-components-tests"):
  4. 在项目根目录下,使用以下命令创建一个新的测试文件夹(例如,"shared-components-tests"):
  5. 进入新创建的测试文件夹:
  6. 进入新创建的测试文件夹:
  7. 打开"angular.json"文件,找到"projects"部分,并添加一个新的项目配置,用于引用共享组件文件夹。示例配置如下:
  8. 打开"angular.json"文件,找到"projects"部分,并添加一个新的项目配置,用于引用共享组件文件夹。示例配置如下:
  9. 在"src/app/shared-components"文件夹中创建一个新的测试文件(例如,"shared-components.spec.ts"),并编写测试代码。
  10. 使用以下命令运行测试:
  11. 使用以下命令运行测试:
  12. 这将使用angular-cli运行位于共享组件文件夹中的测试文件,并生成测试报告。

通过以上步骤,您可以使用angular-cli从angular项目的共享组件文件夹中运行测试。这样可以更好地组织和管理测试代码,并确保共享组件的正确性和稳定性。

请注意,以上答案中没有提及腾讯云相关产品和产品介绍链接地址,因为题目要求不提及特定的云计算品牌商。如需了解腾讯云相关产品和服务,请访问腾讯云官方网站。

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

相关·内容

Angular4记账webApp练手项目之一(利用angular-cli构建Angular4.X项目)

前提 1、已经安装了node.js环境 2、已经安装了npm环境 windows可以通过cmd输入以下指令查看 node -v // node版本 npm -v // npm版本 安装angular-cli...npm install -g @angular/cli@latest 官方文档 :https://github.com/angular/angular-cli 官方提供了一些指令 ?...ng build 开发项目 自己喜欢的开发工具打开项目文件夹。vs code、webStroem或者其他 ? 这里写图片描述 和vue-cli构建的vue2目很类似。...我们主要修改src文件夹下的内容。其中我们新建的代码放在app。其中spec.ts 文件是测试文件,可以删除。...这里写图片描述 官方提供的指令创建,会将组件自动添加到app.module,我们就可以直接使用了。 ? 这里写图片描述 在app.component.html使用组件 ? 这里写图片描述 ?

1K30
  • Angular开发实践(一):环境准备及框架搭建

    引言 在工作引入Angular框架将近一年了,在这一年不断的踩坑和填坑,当然也学习和积累了很多的知识,包括MVVM框架、前后端分离、前端工程化、SPA优化等等。...因此想通过Angular开发实践这系列的文章分享下自己的所学,达到交流和分享的目的。...可能你还想了解下该项目中的文件都是干什么的,那么我们就来了解下。 项目文件概览 src文件夹 应用代码位于src文件夹。所有的Angular组件、模板、样式、图片以及应用所需的任何东西都在这里。...这个文件夹之外的文件都是为构建应用提供支持的。 ? src目录 使用HTML模板、CSS样式和单元测试定义AppComponent组件。 它是根组件,随着应用的成长它会成为一棵组件树的根节点。...根目录 src/文件夹是项目的文件夹之一。其它文件是用来帮助我们构建、测试、维护、文档化和发布应用的。它们放在根目录下,和src/平级。 ?

    1.3K70

    (翻译)开始使用ABP.CORE模板 (ASP.NET Core with Angular)

    Angular 项目需要按照下面的工具: nodejs 6.9版本及其以上,npm3.10版本及其以上 Typescript 2.0版本及其以上 我们是angular-cli来构建的Angular项目...Deployment of Angular Application We used angular-cli tooling to build Angular solution....部署Angular项目 我们 angular-cli 工具来生成Angular解决方案,你可以ng build 指令来发布你的工程项目,发布内容默认放在dist文件夹下,然后你可以将这个文件夹部署到...这个应用程序主机的appsettings.json文件获取连接字符串。开始它和Web.Host的appsettings.json文件一样。确保在配置文件的连接字符串是要数据库。...然后它就会获取租户数据库连接字符串和运行的数据库迁移。如果没有专用数据库,或者它的数据库已经迁移到另一个租户(用于多个租户之间的共享数据库),它就会跳过该租户。

    2.9K20

    Angular2 : beta 到 release4.0 版本升级总结

    它标记出该模块拥有的组件、指令和管道, 并把它们的一部分公开出去,以便外部组件使用它们。 它可以向应用的依赖注入器添加服务提供商。 具体请参考官方文档。...组件迁移后,无法正确订阅事件 原因:angular(v4.0.0)依赖注入,若在不同地方声明provider,则会创建不同的实例。...原因:angular(v4.1.1),需使用[ngStyle]属性方式对样式进行设置。 解决办法:1) 更改为[ngStyle]="{'color': someValidation ?...解决办法:关闭File > Settings... > System Settings > Use "safe write",参见angular-cli issue#5507 。 8....无法router里获取RouteParams的API。 原因:angular(v4.1.1),使用ActivatedRoute的API获取路由信息。

    8.2K00

    Angular学习(01)-架构概览

    当然,模块之间可以有交互,模块可以依赖于另一模块,模块内的可以共享资源等等,所以,NgModel 中有许多需要配置的声明,比如: declarations:声明属于本模块内的组件、指令、管道 providers...有两个时机,一是组件被直接调用;二是触发了路由去加载; 路由通常的配置方式是一个 @NgModel 声明的模块,但只用其中两配置:imports 和 exports,imports 用来导入当前模块所有组件与...在利用 Angular Cli 工具生成脚手架时,默认就已经生成了很多配置,而且此时,项目已经是可以运行的,因为也自动生成了一个根模块和根视图,默认页面是 Angular 的欢迎界面。...这些工作就可以借助 Angular-CLI 来进行。另外,创建一个模块,创建一个组件,也都可以通过 Angular-CLI 来。...app/src 源码 以上就是利用 Angular-CLI 创建项目生成的初始架构各个文件的大概用途,下面讲讲 Angular目的大概运行流程。

    3.6K50

    angular4实战(1) angular-cli

    https://blog.csdn.net/j_bleach/article/details/78077403 angular-cli 脚手架大大方便了,项目的开发,使用也非常简单...https://cli.angular.io/ 提供了搭建一个angular目的简单介绍。 本文就angular-cli这块的指令属性,在做一些扩展介绍。...在下载好angular-cli之后,通过在命令行输入ng help可以获得angular-cli的指令详细介绍。 ? 如果新建一个项目仅仅用上述5条,显然是不满足开发需求的,在介绍5条属性。...组件生成 之前angularjs的时候,有自己写生成组件的脚本,换到4之后,发现天生带这个功能,很喜欢。...比如生成一个名为stones的组件,只需运行命令: ng g component stones 就ok了,然后会依照之前在ng new项目时的配置在app目录下生成相应的组件,并自动加入到依赖,非常方便

    66820

    更小更快更易用的Angular5管中窥豹

    第一步,升级@angular/cli 创建Angular5目,要更新angular-cli到1.5版本以上(其实angular-cli已换成@angular/cli)。.../cli 如果你使用的是Angular CLI 1.0.0-beta.28或以下版本, 你需要先卸载angular-cli包,angular-cli向 @angular/cli转化: npm uninstall...我们执行下打包命令: ng build --prod 查看命令输出窗口,对比下常规运行和打包后的内容,可以看到文件得到了非常大的压缩: ?...Angular5运行与打包 接着我们又打包一个Angular4的项目来比较一下: ?...Angular4目打包 发现在Angular5没有vendor,而总体大小也小了50多K,看上去貌似不多,但是按比例来看就很可观了,或许当项目越大会越明显,时间有限,简单测试就到此先告一段落,后续再添加翻译和做进一步测试

    94630

    Angular10配置webpack打包 「详细教程」

    使用CLI创建一个新的Angular项目 零搭建Angular10目 先决条件 在开始之前,请确保你的开发环境已经包含了 Node.js® 和 npm 包管理器。...对于多项目的工作空间,projects/ 文件夹的其它项目各自包含一个具有相同结构的 project-name/src/ 子目录。 应用源文件 顶层文件 src/ 为测试运行你的应用提供支持。...其子文件夹包含应用源代码和应用的专属配置。 应用支持文件 目的 app/ 包含定义应用逻辑和数据的组件文件。 assets/ 包含要在构建应用时应该按原样复制的图像和其它静态资源文件。... JIT 编译器编译应用,然后引导应用的根模块(AppModule)在浏览器运行。...在 src/ 文件夹里面,app/ 文件夹包含此项目的逻辑和数据。Angular 组件、模板和样式也都在这里。

    5K20

    Angular CLI 简介

    下面执行ng lint --fix: 执行后lint的错误减少到了一个, 看下代码: 使用Angular CLI蓝本生成代码 第一篇文章是: "使用angular cli生成angular5目.../angular-cli/wiki/generate-component 可能常用的命令参数有:  --flat  表示是否不需要创建文件夹 --inline-template (-it) 模板是否应该放在...如果不想生成flat样式的, 想让其拥有自己的文件夹, 那么就是--flat参数: ng g d filter-box2 --flat false 这样就有自己的文件夹了. commit一下....生成angular5目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: "使用angular cli蓝本生成代码" : http://www.cnblogs.com...使用Angular CLI进行单元测试和E2E测试 第一篇文章是: "使用angular cli生成angular5目" : http://www.cnblogs.com/cgzl/p/8594571

    6.1K110

    Angular 6正式版发布,都有哪些新功能

    Angular 5发布半年之后,Angular 6在昨天正式发布,那么在这个版本有哪些新功能呢?新版本重点关注工具链以及工具链在 Angular 运行速度问题。...应用程序启动 Angular 组件,方法是将它们注册为 Custom Elements,目前已被广泛用于 angular.io 内容管理系统,它嵌入 HTML,可动态启动系统功能。...Angular Material 初始组件 一旦运行ng add @angular/material并添加材料到现有的应用程序,就能够生成 3 个新的初始组件。...更多的配置可以参考下面的链接: https://github.com/angular/angular-cli/wiki/angular-workspace 库支持 接下来介绍 CLI 最重要的一功能...这意味着你可以应用程序删除此 polyfill,可以节省大约 47KB 的内存,同时提高 Safari 的动画性能。

    4.2K20

    Angular 2.x折腾记 :(1)初识Angular-cli及脱坑要点

    什么是angular-cli 简言之:就是NG团队自行维护的一个项目脚手架[内置单元测试及webpack打包工具等],这货前身是ember-cli; 官网 / Github 吐槽 我最早是Angular...cli beta18开始的,截止beta28.3,这个分支已经废弃,已经迁移,之前npm install angular-cli不推荐; 目前最新的是v1.0.0正式版【2017-3-24】,旧版本到...正式版的配置稍微有些改动,我比较了下基本不大,放心使用 系统环境配置 window 安装lts版本的nodejs v6.10.0 , Angular-cli的node-sass不支持7.x,装不上的...我这里只列出最常用的; 新建东东 范围 命令 作用 new ng new new_project 初始化新项目 Component ng g component my-new-component 新建一个组件...范围 命令 作用 e2e ng e2e 跑自动化测试-自己写测试测试用例 test ng test 跑单元测试 -- 自己写 lint ng lint 调用tslint跑整个项目,可以收获一堆警告和错误

    15310

    Angular 2 + 折腾记 :(1)初识Angular-cli及脱坑要点

    ---- 什么是Angular-cli 简言之:就是NG团队自行维护的一个`脚手架`[内置单元测试及webpack2打包工具等] -- 这货前身是ember-cli; 官网:cli.angular.io.../ Github: github.com/angular/ang… npm: www.npmjs.com/package/ang… 我最早是beta18开始的,截止beta28.3 -- 这个分支已经废弃...,已经迁移,之前npm install angular-cli不推荐; 目前最新的是v1.0.0正式版【2017-3-24】;旧版本到rc期间坑了太多次,每次升级各种酸爽; rc2开始基本变化不大,可以直接拿来用了...正式版的配置稍微有些改动,我比较了下基本不大,放心使用 ---- 安装之前 window下: 安装lts版本的nodejs[6.10.0] , Angular-cli的node-sass不支持7.x,...---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目,我这里说2+; 脚手架的命令很多,我这里只列出最常用的; 新建东东 范围 命令 作用 new ng new new_project

    1.8K10
    领券