javascripts test with blue-ridge

cyruscavalcante · cyruscavalcante · commit f592131bd774 · 2010-10-28T14:30:53.000-03:00
diff --git a/.gitmodules b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "vendor/plugins/blue-ridge"]
+	path = vendor/plugins/blue-ridge
+	url = git://github.com/dcrec1/blue-ridge.git
diff --git a/app/views/forum/new.html.erb b/app/views/forum/new.html.erb
@@ -1,5 +1,5 @@
 <%= form_for @question do |f| -%>
-  <p><%= f.text_field :name %></p>
+  <p><%= f.label :name %><%= f.text_field :name %></p>
   <p><%= f.text_field :email %></p>
   <p><%= f.text_field :title %></p>
   <p><%= f.text_area :text %></p>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -3,7 +3,7 @@
 <head>
   <title>AppDemo</title>
   <%= stylesheet_link_tag :all %>
-  <%= javascript_include_tag :defaults %>
+  <%= javascript_include_tag "jquery","jquery.validate","forum" %>
   <%= csrf_meta_tag %>
 </head>
 <body>
diff --git a/public/javascripts/forum.js b/public/javascripts/forum.js
@@ -0,0 +1,13 @@
+$(document).ready(function(){
+  $("#new_question").validate({
+    debug: true,
+    rules: {
+         "question[name]": "required",
+         "question[title]": "required"
+        },
+     messages: {
+      "question[name]": "Nome nao pode estar em branco",
+      "question[title]": "titulo nao pode estar em branco",
+    }
+     });
+  });
diff --git a/public/javascripts/jquery.js b/public/javascripts/jquery.js
diff --git a/public/javascripts/jquery.validate.js b/public/javascripts/jquery.validate.js
diff --git a/spec/javascripts/application_spec.js b/spec/javascripts/application_spec.js
@@ -0,0 +1,15 @@
+require("spec_helper.js");
+require("../../public/javascripts/application.js");
+$(document).ready(function(){
+Screw.Unit(function(){
+  describe("Your application javascript", function(){
+    it("does something", function(){
+      expect("hello").to(equal, "hello");
+    });
+
+    it("accesses the DOM from fixtures/application.html", function(){
+      expect($('.select_me').length).to(equal, 2);
+    });
+  });
+});
+});
diff --git a/spec/javascripts/core_spec.js b/spec/javascripts/core_spec.js
@@ -0,0 +1,10 @@
+require("spec_helper.js");
+require("../../public/javascripts/core.js");
+
+Screw.Unit(function(){
+  describe("Core", function(){
+    it("does something", function(){
+      expect("hello").to(equal, "hello");
+    });
+  });
+});
diff --git a/spec/javascripts/fixtures/application.html b/spec/javascripts/fixtures/application.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+  <title>Application | JavaScript Testing Results</title>
+  <link rel="stylesheet" href="screw.css" type="text/css" charset="utf-8" /> 
+  <script type="text/javascript" src="../../../vendor/plugins/blue-ridge/lib/blue-ridge.js"></script>
+</head>
+
+<body>
+  <!-- Put any HTML fixture elements here. -->
+  <div class="select_me"/>
+  <span class="select_me"/>
+  <div class="dont_select_me"/>
+</body>
+</html>
diff --git a/spec/javascripts/fixtures/core.html b/spec/javascripts/fixtures/core.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+  <title>Core | JavaScript Testing Results</title>
+  <link rel="stylesheet" href="screw.css" type="text/css" charset="utf-8" />
+  <script type="text/javascript" src="../../../vendor/plugins/blue-ridge/lib/blue-ridge.js"></script>
+</head>
+
+<body>
+  <!-- Put any HTML fixture elements here. -->
+</body>
+</html>
diff --git a/spec/javascripts/fixtures/forum.html b/spec/javascripts/fixtures/forum.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+  <title>Application | JavaScript Testing Results</title>
+  <link rel="stylesheet" href="screw.css" type="text/css" charset="utf-8" /> 
+  <script type="text/javascript" src="../../../vendor/plugins/blue-ridge/lib/blue-ridge.js"></script>
+ 
+</head>
+
+<body>
+  <!-- Put any HTML fixture elements here. -->
+  <form accept-charset="UTF-8" action="" class="new_question" id="new_question" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="2XTPL4WTBusabcqCeOzn7RUmWFIlzLgYpmNUfxwwQWM=" /></div>  <p><label for="question_name">Name</label><input id="question_name" name="question[name]" size="30" type="text" /></p>
+    <p><input id="question_email" name="question[email]" size="30" type="text" /></p>
+    <p><input id="question_title" name="question[title]" size="30" type="text" /></p>
+    <p><textarea cols="40" id="question_text" name="question[text]" rows="20"></textarea></p>
+    <p><input id="question_submit" name="commit" type="submit" value="Cadastrar" /></p>
+  </form>
+  
+  
+</body>
+</html>
diff --git a/spec/javascripts/fixtures/screw.css b/spec/javascripts/fixtures/screw.css
@@ -0,0 +1,90 @@
+html {
+  padding: 0.5em;
+  font-family: Georgia, serif;
+  background: #EDEBD5;
+}
+
+  li {
+    list-style-type: none;
+  }
+
+  .focused {
+    background-color: #F4F2E4;
+  }
+
+    .focused * {
+      opacity: 1.0;
+    }
+
+  h1, h2, p {
+    opacity: 0.4;
+  }
+
+  .describes {
+    padding-left: 0;
+  }
+
+    .describes h1 {
+      font-size: 1.1em;
+      color: #877C21;
+      line-height: 1.8em;
+      margin: 0pt 0pt 0.6em;
+      border-bottom: 1px solid transparent;
+    }
+
+      .describes h1:hover {
+        cursor: pointer;
+        color: #000;
+        background-color: #F4F2E4;
+        border-bottom: 1px solid #9A8E51;
+      }
+
+    .describes .describe {
+      margin-left: 0.6em;
+      padding-left: 0.6em;
+      border: 1px dashed #999;
+    }
+
+      .describes .describe .its {}
+
+        .describes .describe .its .it {
+          list-style-type: lower-roman;
+          list-style-position: outside;
+        }
+
+          .describes .describe .its .it h2 {
+            font-weight: normal;
+            font-style: italic;
+            padding-left: 0.5em;
+            font-size: 1.0em;
+            color: #877C21;
+            line-height: 1.8em;
+            margin: 0 0 0.5em;
+            border-bottom: 1px solid transparent;
+          }
+          
+          .describes .describe .its .it.enqueued h2 {
+            background-color: #CC6600;
+            color: white !important;
+          }
+
+          .describes .describe .its .it.passed h2 {
+            background-color: #5A753D;
+            color: white !important;
+          }
+
+          .describes .describe .its .it.failed h2 {
+            background-color: #993300;
+            color: white !important;
+          }
+
+          .describes .describe .its .it.failed p {
+            margin-left: 1em;
+            color: #993300;
+          }
+          
+          .describes .describe .its .it h2:hover {
+            cursor: pointer;
+            color: #000 !important;
+            border-bottom: 1px solid #9A8E51;
+          }
diff --git a/spec/javascripts/forum_spec.js b/spec/javascripts/forum_spec.js
@@ -0,0 +1,23 @@
+require("spec_helper.js");
+require("../../public/javascripts/jquery.validate.js");
+require("../../public/javascripts/forum.js");
+
+ $(document).ready(function(){
+Screw.Unit(function(){
+
+   before(function() {
+      $('#new_question').validate().form();
+  });
+
+  describe("question/new to fail if missing name", function() {
+       it("should display an error when submitting form white", function() {
+          expect($('#new_question').validate().form()).to(equal,false);
+        });
+
+       it("should display an error when submitting form without name", function() {
+           expect($("label[for=question_name][class=error]").html()).to(equal,'Nome nao pode estar em branco');
+         });
+
+    });
+});
+});
diff --git a/spec/javascripts/spec_helper.js b/spec/javascripts/spec_helper.js
@@ -0,0 +1 @@
+// Use this file to require common dependencies or to setup useful test functions.
diff --git a/vendor/plugins/blue-ridge b/vendor/plugins/blue-ridge
@@ -0,0 +1 @@
+Subproject commit 091f923db8335bd5d4f08be7281a2ca55abda595

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+[submodule "vendor/plugins/blue-ridge"]`
	`2`	`+ path = vendor/plugins/blue-ridge`
	`3`	`+ url = git://github.com/dcrec1/blue-ridge.git`