improve unit test coverage

tests/__init__.py

@@ -39,14 +39,29 @@ class BootstrapTemplateTagTests(TestCase):
     def setUp(self):
         call_command('syncdb', interactive=False)
 
-    def test_bootstrap_tag(self):
+    def test_basic_form(self):
         form = ExampleForm()
 
         html = Template("{% load bootstrap %}{{ form|bootstrap }}").render(Context({'form': form}))
 
-        image = os.path.join('fixtures', 'basic.html')
+        tpl = os.path.join('fixtures', 'basic.html')
-        with open(os.path.join(TEST_DIR, image)) as f:
+        with open(os.path.join(TEST_DIR, tpl)) as f:
             content = f.read()
 
-        self.maxDiff = None
+        with open('/tmp/basic.html', 'w+') as f:
+            f.write(html)
+
+        self.maxDiff = True
+        self.assertHTMLEqual(html, content)
+
+    def test_horizontal_form(self):
+        form = ExampleForm()
+
+        html = Template("{% load bootstrap %}{{ form|bootstrap_horizontal }}").render(Context({'form': form}))
+
+        tpl = os.path.join('fixtures', 'horizontal.html')
+        with open(os.path.join(TEST_DIR, tpl)) as f:
+            content = f.read()
+
+        self.maxDiff = True
         self.assertHTMLEqual(html, content)

tests/fixtures/basic.html

@@ -116,7 +116,7 @@
         
 
         <div class=" multiple-checkbox">
-            <ul id="id_multiple_checkbox">
+            <ul>
 <li><label for="id_multiple_checkbox_0"><input id="id_multiple_checkbox_0" name="multiple_checkbox" type="checkbox" value="0" /> Zero</label></li>
 <li><label for="id_multiple_checkbox_1"><input id="id_multiple_checkbox_1" name="multiple_checkbox" type="checkbox" value="1" /> One</label></li>
 <li><label for="id_multiple_checkbox_2"><input id="id_multiple_checkbox_2" name="multiple_checkbox" type="checkbox" value="2" /> Two</label></li>

tests/fixtures/horizontal.html

@@ -0,0 +1,210 @@
+
+
+
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 " for="id_char_field">Char field</label>
+        
+
+        <div class=" col-sm-10 col-lg-10 ">
+            <input class=" form-control" id="id_char_field" name="char_field" type="text" />
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 " for="id_choice_field">Choice field</label>
+        
+
+        <div class=" col-sm-10 col-lg-10 ">
+            <select class=" form-control" id="id_choice_field" name="choice_field">
+<option value="0">Zero</option>
+<option value="1">One</option>
+<option value="2">Two</option>
+</select>
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 ">Radio choice</label>
+        
+        <div class=" col-sm-10 col-lg-10">
+            
+                <div class="radio">
+                    <label>
+                        <input name="radio_choice" type="radio" value="0" />
+                        Zero
+                    </label>
+                </div>
+            
+                <div class="radio">
+                    <label>
+                        <input name="radio_choice" type="radio" value="1" />
+                        One
+                    </label>
+                </div>
+            
+                <div class="radio">
+                    <label>
+                        <input name="radio_choice" type="radio" value="2" />
+                        Two
+                    </label>
+                </div>
+            
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 " for="id_multiple_choice">Multiple choice</label>
+        
+
+        <div class=" col-sm-10 col-lg-10 ">
+            <select multiple="multiple" class=" form-control" id="id_multiple_choice" name="multiple_choice">
+<option value="0">Zero</option>
+<option value="1">One</option>
+<option value="2">Two</option>
+</select>
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 " for="id_multiple_checkbox">Multiple checkbox</label>
+        
+
+        <div class=" col-sm-10 col-lg-10 multiple-checkbox">
+            <ul>
+<li><label for="id_multiple_checkbox_0"><input id="id_multiple_checkbox_0" name="multiple_checkbox" type="checkbox" value="0" /> Zero</label></li>
+<li><label for="id_multiple_checkbox_1"><input id="id_multiple_checkbox_1" name="multiple_checkbox" type="checkbox" value="1" /> One</label></li>
+<li><label for="id_multiple_checkbox_2"><input id="id_multiple_checkbox_2" name="multiple_checkbox" type="checkbox" value="2" /> Two</label></li>
+</ul>
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 " for="id_file_fied">File fied</label>
+        
+
+        <div class=" col-sm-10 col-lg-10 ">
+            <input id="id_file_fied" name="file_fied" type="file" />
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 " for="id_password_field">Password field</label>
+        
+
+        <div class=" col-sm-10 col-lg-10 ">
+            <input class=" form-control" id="id_password_field" name="password_field" type="password" />
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        
+            <label class="control-label col-sm-2 col-lg-2 " for="id_textarea">Textarea</label>
+        
+
+        <div class=" col-sm-10 col-lg-10 ">
+            <textarea class=" form-control" cols="40" id="id_textarea" name="textarea" rows="10">
+</textarea>
+
+            
+
+            
+        </div>
+    
+</div>
+
+
+    
+
+<div class="form-group">
+    
+        <div class=" col-sm-offset-2 col-sm-10 col-lg-offset-2 col-lg-10">
+            <div class="checkbox">
+                
+                    <label >
+                        <input id="id_boolean_field" name="boolean_field" type="checkbox" /> <span>Boolean field</span>
+                    </label>
+                
+                
+
+                
+            </div>
+        </div>
+    
+</div>
+
+