如何使用Jasmine 2.4.1(独立)设置基本的Javascript测试?

时间:2015-12-09 18:39:24

标签: javascript unit-testing jasmine

这是我第一次尝试编写测试。我使用bower在我的项目中安装了jasmine 2.4.1:

bower install jasmine --save

因此,这就是我在libs文件夹

中的内容

enter image description here

我无法弄清楚接下来要做什么才能设置specRunner.html。我在网上找到的所有教程都集中在以前版本的jasmine上,它们似乎有specRunner.html文件和一个稍微不同的包结构。我在github上找到的安装说明已经过时,可追溯到2.0.0版本。在github page

上查找有用信息也没有运气

我接下来要做什么才能让最基本的测试运行?

3 个答案:

答案 0 :(得分:3)

我最近对Jamsine 2.4有一个类似令人沮丧的开始。这就像作者希望你只知道如何开始。无论如何,这是我自己制定的......

  1. 下载最新2.4.x版本的zip文件,我使用了2.4.1
  2. 将其妥善解压缩到您的项目中。我将它解压缩到框架文件夹下的测试文件夹中......

    {projectRoot} /测试/框架/ jamsmine / {unzippedContentHere}

  3. 提取的其中一个文件称为SpecRunner.html。打开它,看看它有你需要的所有导入,并应该给你足够的信息,以使用这个跑步者或自己编写。这是我解压缩版本的头部......

  4. <head>
    
      <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.4.1/jasmine_favicon.png">
      <link rel="stylesheet" href="lib/jasmine-2.4.1/jasmine.css">
    
      <script src="lib/jasmine-2.4.1/jasmine.js"></script>
      <script src="lib/jasmine-2.4.1/jasmine-html.js"></script>
      <script src="lib/jasmine-2.4.1/boot.js"></script>
    
      <!-- include source files here... -->
      <script src="src/Player.js"></script>
      <script src="src/Song.js"></script>
    
      <!-- include spec files here... -->
      <script src="spec/SpecHelper.js"></script>
      <script src="spec/PlayerSpec.js"></script>
    
    </head>
    

答案 1 :(得分:1)

终于找到了解决方案(万岁,失去了六个小时)。我应该将jasmine-2.0.0更改为jasmine-core。好吧,没问题,但至少这可以在README.md里面提到过。并不是说不知道在哪里放置规范脚本和源代码。对于之前使用茉莉花的人来说,这可能是显而易见的,但对于新手来说则不然。您知道,通常在您打开库时,文档中有关于如何继续操作的明确步骤。

来自jasmine指南:

  

将以下内容添加到HTML文件中:

<link rel="shortcut icon" type="image/png" href="jasmine/lib/jasmine-2.0.0/jasmine_favicon.png">
<link rel="stylesheet" type="text/css" href="jasmine/lib/jasmine-2.0.0/jasmine.css">

<script type="text/javascript" src="jasmine/lib/jasmine-2.0.0/jasmine.js"></script>
<script type="text/javascript" src="jasmine/lib/jasmine-2.0.0/jasmine-html.js"></script>
<script type="text/javascript" src="jasmine/lib/jasmine-2.0.0/boot.js"></script>

足够抱怨,这是有效的:

<!doctype html>
<html>
    <head>
        <title>Jasmine Spec Runner</title>
        <link rel="stylesheet" href="../libs/jasmine/lib/jasmine-core/jasmine.css">
    </head>
    <body>
        <script src="../libs/jasmine/lib/jasmine-core/jasmine.js"></script>
        <script src="../libs/jasmine/lib/jasmine-core/jasmine-html.js"></script>
        <script src="../libs/jasmine/lib/jasmine-core/boot.js"></script>

        <!-- include source files here... -->
        <script src="src.js"></script>

        <!-- include spec files here... -->
        <script src="test.js"></script>
    </body>
</html>

答案 2 :(得分:1)

正如您已经注意到的,项目自述文件中的示例似乎存在问题(硬件编码为2.0.0版本,在后续版本中似乎已更改,但文档未更新) - 但是您通过纠正那些追随你的人的问题,没有为该项目做出贡献?我根据您找到的内容进行了编辑,并在此处向项目提交了拉取请求:https://github.com/jasmine/jasmine/pull/1319