小编DJ *_*rth的帖子

前端测试:测试的内容和方法,以及使用的工具?

我已经为我的Ruby代码编写了一段时间的测试,但作为一个前端开发人员,我显然很有兴趣将它带入我为前端代码编写的代码中.我一直在玩的有很多不同的选择:

人们用于测试的是什么?还有人们测试的是什么?只是JavaScript?链接?形式?硬编码的内容?

任何想法将不胜感激.

testing frontend ui-automation jasmine casperjs

52
推荐指数
1
解决办法
3万
查看次数

Rails3的Attachment_fu或Paperclip

我刚刚升级到rails3,当我安装我常用的attachment_fu插件失败时.所以我开始谷歌搜索它,虽然我确实设法找到一个rails3版本,似乎有更多的人在谈论带有rails3的回形针.

首先,回形针有哪些优点?

有没有更好的支持rails3吗?

attachment-fu paperclip ruby-on-rails-3

12
推荐指数
2
解决办法
6502
查看次数

Carrierwave和mini_magick查找宽度和高度

经过一番调查后,我决定在我的新rails3应用程序上使用Carrierwave和mini_magick.

我已经设置它并且它完美地工作.但是我有一个问题.我希望能够访问宽度和高度,所以我可以正确地形成html.但是,没有用于获取此信息的默认数据.由于它存储数据的方式,我无法想到任何可以将其添加到数据库的方式.

任何人都可以提出任何提示或想法?它甚至可能吗?

ruby-on-rails imagemagick ruby-on-rails-3

6
推荐指数
1
解决办法
4526
查看次数

在 Jasmine 中完成 CSS Transition 测试

我正在尝试使用 jasmine 和 jasmine-jquery 测试一些 JavaScript

所以我有这段 Javascript 的功能

trackTransition = ()->
  $("#test").on "transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd", ()-> 
    console.log "trans End"
Run Code Online (Sandbox Code Playgroud)

我在 spec.css 中应用了一些样式,添加了 css 过渡,并将一些 html 添加到了固定装置中,然后添加到 jasmine 规范中,如下所示:

   describe "Checks when animation finished", ->
      beforeEach ->
        @trans = spyOnEvent('#test', 'transitionend MSTransitionEnd webkitTransitionEnd oTransitionEnd')
        jasmine.Clock.useMock()
        trackTransition()

      it "Should check when transition ended", ->
        expect(@trans).not.toHaveBeenTriggered()
        jasmine.Clock.tick(1001)
        expect(@trans).toHaveBeenTriggered()
Run Code Online (Sandbox Code Playgroud)

现在我已经在页面上对此进行了测试并且可以正常启动,但是在运行器上它失败了,甚至 console.log 也没有运行。你能测试一下转换吗?

javascript jquery jasmine jasmine-jquery

5
推荐指数
1
解决办法
2724
查看次数

开玩笑的报道忽略

我试图从代码覆盖率输出中忽略几个文件。在阅读文档coveragePathIgnorePatterns时,看起来我可以忽略文件夹。

我试图从我的视野中忽略dummyhelpers文件夹,但似乎总是将它们包括在内:

开玩笑的配置:

{
  "browser": true,
  "collectCoverageFrom": ["<rootDir>/src/**/*.{js,jsx}", "!<rootDir>/__tests__/__dummy__/test.js"],
  "coveragePathIgnorePatterns": ["<rootDir>/node_modules/", "<rootDir>/__tests__/__helpers__/", "<rootDir>/__tests__/__dummy__/"],
  "roots": [
    "<rootDir>/__tests__/",
    "<rootDir>/src/"
  ],
  "modulePaths": [
    "<rootDir>/src/"
  ],
  "modulePathIgnorePatterns": [
    "<rootDir>/lib/",
    "<rootDir>/node_modules/",
    "<rootDir>/__tests__/__helpers__/",
    "<rootDir>/__tests__/__dummy__/"
  ],
  "setupTestFrameworkScriptFile": "@djforth/jest-matchers",
  "testPathIgnorePatterns": [
    "<rootDir>/__tests__/__dummy__",
    "<rootDir>/__tests__/__dummy__",
    "<rootDir>/lib",
    "<rootDir>/node_modules",
    "<rootDir>/bower_components"
  ],
  "verbose": true
}
Run Code Online (Sandbox Code Playgroud)

我得到以下报告:

-----------------------|----------|----------|----------|----------|----------------|
File                   |  % Stmts | % Branch |  % Funcs |  % Lines |Uncovered Lines |
-----------------------|----------|----------|----------|----------|----------------|
All files              |    98.87 |    96.48 |     92.5 |    99.55 | …
Run Code Online (Sandbox Code Playgroud)

javascript jestjs

5
推荐指数
1
解决办法
6195
查看次数