设置 ng-htmljs-preprocessor karma 预处理器

2024-04-02

我正在设置 Karma 配置文件,但我不完全理解存在的一些选项,因为我没有成功测试已通过 ngHtml2JsPreprocessor 运行并已

 $templateCached

在 ngHtml2JsPreprocessor 内部,我可以添加一些涉及路径的键值属性。

 ngHtml2JsPreprocessor: {

      stripPrefix: ".*/Went all the way back to the root of my application/",


     // moduleName: 'templatesCached'// 
    },

我现在注释掉了模板,以确保我可以作为模块访问每个文件。我正在加载模块,没有错误。我可以在我的开发工具中找到模板缓存版本。

beforeEach(module('template')); 

我的模板文件夹位于我创建的基本路径之外。

basePath: 'Scripts/',

我在里面引用了它预处理器 object

  preprocessors: {
    '../Templates/**/*.html' : ['ng-html2js']
},

同样,我的所有模板现在都是 js 文件并被缓存。

我在我的里面包.json我将文件另存为

save-dev

"karma-chrome-launcher": "^0.2.2",
"karma-jasmine": "^0.2.2",
"karma-ng-html2js-preprocessor": "^0.2.1",

我在插件中引用了我的安装。

  plugins: [
    'karma-chrome-launcher',
    'karma-jasmine',
    'karma-sinon',
    'karma-ng-html2js-preprocessor'
],

我已加载所有文件

files: [

  //jquery libaries
  // angular libraries
  // Scripts files
  // source app.js
  // tests folder and files
]

我的测试正在 Karma start 下运行

但是,我的指令只是一个空字符串

  element.html()  

返回“”

我已经设置了吟游诗人注入

bard.inject(
            "$compile",
            "$controller",
            "$rootScope",
            '$templateCache',
            "haConfig",
            "$q"
        );

这是我的 beforeEach 的内部

 bard.mockService(haConfig, {
            getTemplateUrl: '/tst!'
        });

        //bard.mockService(haConfig, {});
        console.log('ha config2', haConfig.getTemplateUrl());

        var html = angular.element("<div explore-hero></div>");

        console.log('htl',haConfig.getTemplateUrl());

        scope = $rootScope.$new();
        //templateCache
        element = $compile(html)(scope);
        //console.log(haConfig.getTemplateUrl(html));
        scope.$digest(element);
        console.log('missing text',haConfig.getTemplateUrl(html));

        controller = element.scope();

        console.log("element", element);

我不知道为什么我会得到一个空字符串。我正在创建 html 文件,但是里面什么都没有。

我只想知道我是否应该拥有模板缓存文件显示在我的开发工具的文件夹中?另外是否应该在文件数组内部引用文件karma.conf.js

现在我已经引用了html文件?我已经尝试过 js 文件,但似乎没有做任何事情


这个问题实际上很简单解决。我很想删除它,但如果有人遇到类似的问题,我希望它可用。

在 karma.conf.js 里面我有一个

   stripPrefix: 'rootDirectory'   // was already in place

   stripSuffix: '.js.html' // I had to make a strip on the templatesCached 

   prependSuffix: '.html'  // this is what I was searching for 

当预处理器运行时,它模板缓存了我的所有文件。然而,它们并没有像我期待的那样结束,我无法阅读它们。我已正确设置模块和其他部件。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

设置 ng-htmljs-preprocessor karma 预处理器 的相关文章

随机推荐

  • 无法绑定到“for”,因为它不是已知的本机属性 angular2

    我必须动态创建一个复选框列表 因此我使用 ngFor 来迭代对象数组 直到迭代为止一切正常 当我设置值时出现问题forlabel标签中的属性 角度抛出错误 无法绑定到 for 因为它不是已知的本机属性 angular2 新的错误消息 未处理
  • Java 8 lambda 表达式与只有一个方法的抽象类[重复]

    这个问题在这里已经有答案了 我正在学习 Java 8 中的 lambda 表达式 有人可以向我解释如何将 lambda 表达式与只有一种方法的抽象类一起使用 如果可能的话 例如 这是抽象类 public abstract class Cla
  • 在构建服务器上运行 UI 自动化测试

    我们使用 UI Automation 和 Nunit 为 WPF 应用程序创建测试 UI 测试 我们创建的测试在您从本地计算机运行时可以正常工作 这些测试从未在我们的构建服务器 使用 TeamCity 上成功运行 打开应用程序窗口后 构建始
  • CKEditor editor1.insertHtml() 不适合我

    我正在使用 CKEditor 来编辑帖子的评论 我也在使用 JQuery 因为每个帖子可能有多个评论 所以我试图将其全部基于班级 下面的函数应该隐藏注释的显示区域 将显示区域中的文本插入到编辑器中 最后显示编辑器 function fnCo
  • 监视一组文件的更改并在更改时对其执行命令

    我想到的 命令行 界面如下所示 watching FILE do COMMAND ARGS and COMMAND ARGS 凡出现 in COMMAND替换为已更改的文件的名称 并注意 do and and 是关键字 例如 gt watc
  • Ajax 请求 net_error = -3 (ERR_ABORTED)

    我似乎无法弄清楚为什么会发生这种情况 它只是偶尔发生一次 我应该指出 如果这有什么影响的话 我正在使用卫星互联网 在网络间隔中 这是我捕获的 2725 URL REQUEST https testsite com wp json api a
  • OS X / iOS - 使用 AudioConverterFillComplexBuffer 进行缓冲区的采样率转换

    我正在为一个项目编写一个 CoreAudio 后端名为 XAL 的音频库 http libxal googlecode com 输入缓冲器可以具有不同的采样率 我使用单个音频单元进行输出 想法是在将缓冲区发送到音频单元之前对其进行转换和混合
  • Android 无法使用 soundpool 播放某些 wav 文件?

    某些 wav 文件我无法使用 soundpool 播放 我什么也听不到 有些文件播放得很好 为什么 code AudioManager mgr AudioManager context getSystemService Context AU
  • 如何将矩阵(列表列表)中的所有值增加 n?

    我必须创建一个函数 将矩阵作为参数传递 然后将矩阵中每个项目的值增加n通过使用嵌套循环 例如 如果我的矩阵是 8 9 4 6 7 2 and n 1 我想要的输出是 9 10 5 7 8 3 您可以编写一个简单的函数来迭代列表 以将每个元素
  • cygwin rsync协议错误

    我正在尝试在 64 位 Windows 7 和 64 位 Linux 之间 rsync 文件 我在两台机器上都安装了 rsync 3 0 7 Windows 上的 cygwin 版本 这是我在 Windows 上运行的命令 我看到它正在建立
  • 初始数据夹具中的用户

    我在默认情况下创建了一些用户fixtures initial data json从而有一些测试 科目 我遇到的问题是密码生成 我可以在 字段 中设置密码 但这不会生成哈希密码 model auth user pk 1 fields user
  • std::make_unique 和 std::unique_ptr 与 new 之间的差异

    Does std make unique有任何效率优势 例如std make shared 与手动构建相比std unique ptr std make unique
  • 有序列表 CSS 样式包括父编号

    我们希望使用 CSS 创建一个如下所示的有序列表 A A 1 A 2 B C C 1 C 2 C 2 1 C 2 2 您如何将父索引包含在子索引中 你需要使用CSS 计数器 https developer mozilla org en US
  • Chart.js 将标签变成链接

    我不确定如果不做以下事情是否可能 在 HTML 画布中创建链接 https stackoverflow com questions 6215841 create links in html canvas但让我们确定一下 有没有一种方法 相对
  • 计算 python 中第二个列表中列表项的出现次数

    a list 1 2 3 4 5 6 7 8 9 0 b list 1 3 6 9 如何计算列表be中的某个项目在列表a中出现的次数 上面的示例应返回值 4 在写这个问题时 我想到了以下内容 似乎有效 a list 1 2 3 4 5 6
  • C++ 容器的一般用例

    的一般用例是什么C 标准库容器 http www cplusplus com reference stl bitset deque list map multimap multiset 优先队列 queue set stack vector
  • Linq 在 C# 中比较两个集合

    我想比较我当前正在使用嵌套 for 循环执行的 C 中的两个集合 Linq 中是否有一种方法可以更快 更高效地执行相同操作 这是我当前的代码 它可以完美地工作 只是在寻找一种有效的方法 OrgCollection myYears Org R
  • 足球(足球)场线的单应性

    我正在研究使用足球比赛的视频 并尝试使用单应性将帧映射到球场的俯视图 我已经开始使用霍夫线以及线段检测器找到帧中的所有白线 其中线段检测器似乎工作得稍微好一些 请参阅下面我的代码和示例 import cv2 import numpy as
  • Scala 中的 shouldBe 和 shouldEqual 有什么区别?

    我什么时候应该使用shouldBe 什么时候应该使用shouldEqual port shouldEqual 8000 port shouldBe 8000 From http www scalatest org user guide us
  • 设置 ng-htmljs-preprocessor karma 预处理器

    我正在设置 Karma 配置文件 但我不完全理解存在的一些选项 因为我没有成功测试已通过 ngHtml2JsPreprocessor 运行并已 templateCached 在 ngHtml2JsPreprocessor 内部 我可以添加一