Angular6单元测试:如何使用test.ts运行业力测试

在我的角 6应用程序,我有这个配置

在我的角 6应用程序,我有这个配置

karma.conf.js:

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html
module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    mime: {
      'text/x-typescript': ['ts','tsx']
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, 'coverage'),
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    reporters: config.angularCli && config.angularCli.codeCoverage
      ? ['progress', 'coverage-istanbul']
      : ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    browserDisconnectTimeout: 10000,
    browserDisconnectTolerance: 3,
    browserNoActivityTimeout: 60000,
    flags: [
      '--disable-web-security',
      '--disable-gpu',
      '--no-sandbox'
    ],
    singleRun: true,
    concurrency: Infinity
  });
};

我有一个文件,test.ts;这应该配置测试运行:

// This file is required by karma.conf.js and loads recursively all the .spec and framework files
import 'zone.js/dist/long-stack-trace-zone';
import 'zone.js/dist/proxy.js';
import 'zone.js/dist/sync-test';
import 'zone.js/dist/jasmine-patch';
import 'zone.js/dist/async-test';
import 'zone.js/dist/fake-async-test';
import { getTestBed } from '@angular/core/testing';
import {
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';
// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
declare var __karma__: any;
declare var require: any;
// Prevent Karma from running prematurely.
__karma__.loaded = function () {};
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /my-component.component.spec.ts/);
// And load the modules.
context.keys().map(context);
// Finally, start Karma to run the tests.
__karma__.start();

我可以让我过滤文件进行测试

例如,我想运行这个:my-component.component.spec.ts

但它没有运行,似乎它在karma.conf中缺少一些配置来运行test.ts

糖?

2

更改此行

const context = require.context('./', true, /my-component.component.spec.ts/);

用这个

const context = require.context('./', true, /my-component\.component\.spec\.ts$/);

避免特殊字符'.'

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(98)
如何在ASP.NETCore中获取客户端IP地址
上一篇
网站可以看到我的内部IP地址吗
下一篇

相关推荐

  • 小程序用户服务协议:Angular11:如何在常规ts文件中进行用户服务

    关于小程序用户服务协议的问题,在angular user service中经常遇到,我有一个 utils.ts 文件,其中有一些导出的功能,就像 deepCopy 和 sortArray 或东西,但我想在某些功能中使用服务,我该怎么做?…

    2022-12-20 05:41:27
    0 41 29
  • 取消表格样式:表格的角度样式表(angular material tutorial pdf)

    关于取消表格样式的问题,在angular material tutorial pdf中经常遇到,我按照 Angular 材质教程显示记录表。https://material.angular.io/components/table/overview…

    2022-12-19 10:23:26
    0 76 52
  • 套路男朋友文件pdf:Angular中的嵌套路由

    关于套路男朋友文件pdf的问题,在angular sub router中经常遇到,这可能是一个常见的问题,如果有更好的答案,请指向我。…

    2022-11-26 15:51:52
    0 76 36
  • Angular材质表单字段不工作

    我遵循这个https://material.angular.io/components/form-field/overview,但在我的代码表单字段行为没有改变,标签也没有出现,例如,如果外观是填充它看起来像默认表单…

    2022-11-11 15:21:04
    0 32 73
  • angular4应用程序在智能电视的网络浏览器(WebOS浏览器 )中不起作用

    我试图在服务器中部署我的 angular4 应用程序,并在桌面浏览器和移动浏览器中正常工作。现在我想从智能电视浏览应用程序,但它显示一个空白页而不是应用程序,可能是什么实际问题在智能电视上浏览我的应用程序?伙计们,如果我需要添加任何依赖项,尤其是智能电视(WebOS 浏览器),请帮助我。…

    2022-11-11 15:14:06
    0 17 10

发表评论

登录 后才能评论

评论列表(38条)