从视图的Python代码中把变量传入HTML模板。
模板中使用哪种句法引入Python对象,要使用的符号{{...}},它会以字符串的形式显示对象:
<html>
<head>
<title>To-Do lists</title>
</head>>
<body>
<h1>Your To-Do list</h1>
<form method="POST">
<input name="item_text" id="id_new_item" placeholder="Enter a to-do item" />
{% csrf_token %}
</form>
<table id="id_list_table">
<tr><td>{{ new_item_text}}</td></tr>
</table>
</body>
</html>
怎么测试视图函数为new_item_text传入的值正确呢?怎么把变量传入模板呢?
可以在单元测试中实际操作一遍找出这两个问题的答案。(前面我们用到了render_to_string函数,用它手动渲染模板,然后拿它的返回值和视图函数返回的HTML比较)
让我们调整单元测试,以便它检查我们是否仍在使用模板:
lists/tests.py
def test_can_save_a_post_request(self):
response = self.client.post('/', data={'item_text':'A new list item'})
self.assertIn('A new list item', response.content.decode())
self.assertTemplateUsed(response, 'home.html')
如预期那样失败:
AssertionError: No templates used to render the response
很好,我们故意编写愚蠢的返回值已经骗不过我们的测试,因此要重写视图函数,把post请求中的参数传递给模板。render函数将映射模板的字典作为其第三个参数变量名到其值:
lists/views.py
from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.在这儿编写视图
def home_page(request):
return render(request, 'home.html', {
'new_item_text':request.POST['item_text'],
})
运行单元测试
django.utils.datastructures.MultiValueDictKeyError: "'item_text'"
这次失败发生在另一个测试中,修正的方法如下:
lists/views.py
from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.在这儿编写视图
def home_page(request):
return render(request, 'home.html', {
'new_item_text': request.POST.get('item_text', ''),
})
单元测试通过
看看功能测试结果:
AssertionError: False is not true : New to-do item did not appear in table
错误信息没有多大帮助,使用另一种功能测试的调试技术:改进错误信息。
# functional_tests.py
self.assertTrue(
any(row.text == '1: Buy peacock feathers' for row in rows), # 5
"New to-do item did not appear in table -- its text was:\n%s" % (
table.text,
)
改进后,测试给出了更有用的错误信息
AssertionError: False is not true : New to-do item did not appear in table -- its text was:
Buy peacock feather
怎么改效果更好,让断言不那么灵巧。把六行assertTrue换成一行assertIn:
# self.assertTrue(
# any(row.text == '1: Buy peacock feathers' for row in rows), # 5
# "New to-do item did not appear in table -- its text was:\n%s" % (
# table.text,
# )
# )
self.assertIn('1: Buy peacock feathers', [row.text for row in rows])
修改后得到以下错误信息:(错误的意思是功能测试在枚举列表中的项目时希望第一个项目以“1:开头”。)
self.assertIn("1:Buy peacock feathers", [row.text for row in rows])
AssertionError: '1:Buy peacock feathers' not found in ['Buy peacock feather']
让测试通过最快的方法是修改模板
<tr><td>1:{{ new_item_text}}</td></tr>
现在功能测试能执行到self.fail。
如果扩充功能测试,检查表格中添加的第二个待办事项(复制粘贴),我们会发现刚才使用的简单处理方法不奏效了。
# 页面再次更新,清单中显示了这两个待办事项
inputbox.send_keys(Keys.ENTER)
time.sleep(1)
table = self.browser.find_element_by_id('id_list_table')
rows = table.find_elements_by_tag_name('tr')
self.assertIn('1: Buy peacock feathers', [row.text for row in rows])
self.assertIn('2: Use peacock feathers to make a fly', [row.text for row in rows])
self.fail("完成测试")
# self.assertIn('Django', self.browser.title)
这个功能测试会返回一个错误
AssertionError: '2: Use peacock feathers to make a fly' not found in ['1: Buy peacock feathers']
代码提交:
$ git diff
# should show changes to functional_tests.py, home.html, tests.py and views.py
$ git commit -am “添加两个待办事项清单”
然后重构功能测试。使用辅助方法(放在tearDown和第一个测试之间),记住名字以test_开头的方法才会作为测试运行,可以根据需求使用其他方法,下面在功能测试中使用辅助方法
from selenium import webdriver
from selenium.webdriver.common.keys import Keys # 4
import time
import unittest
class NewVisitorTest(unittest.TestCase):
def setUp(self): # 1
self.browser = webdriver.Firefox()
self.browser.implicitly_wait(3)
def tearDown(self): # 1
self.browser.quit()
def check_for_row_in_list_table(self, row_text):
table = self.browser.find_element_by_id('id_list_table')
rows = table.find_elements_by_tag_name('tr')
self.assertIn(row_text, [row.text for row in rows])
# 伊迪丝听说了一个很酷的在线待办事项应用程序。她去看看它的主页
# Edith has heard about a cool new online to-do app. She goes to check out its homepage
def test_start_a_list_and_retrieve_it_later(self):
self.browser.get('http://localhost:8000')
# 她注意到网页的标题和头部都包含“Django”.She notices the page title and header mention to-do lists
self.assertIn('To-Do', self.browser.title)
header_text = self.browser.find_element_by_tag_name('h1').text # 2
self.assertIn('To-Do', header_text)
# 应用邀请她输入一个待办事项 She is invited to enter a to-do item straight away
inputbox = self.browser.find_element_by_id('id_new_item')
self.assertEqual(
inputbox.get_attribute('placeholder'),
'Enter a to-do item'
)
# 她在一个文本框中输入了“buy peacock feathers(购买孔雀羽毛)”,她的爱好时用假蝇做鱼饵钓鱼
inputbox.send_keys('Buy peacock feathers')
# 页面再次更新,清单中显示了这两个待办事项
inputbox.send_keys(Keys.ENTER)
time.sleep(1)
self.check_for_row_in_list_table('1: Buy peacock feathers')
# 页面中又显示了一个文本框,可以输入其他的待办事项
inputbox = self.browser.find_element_by_id('id_new_item')
inputbox.send_keys('Use peacock feathers to make a fly')
inputbox.send_keys(Keys.ENTER)
time.sleep(1)
# 页面再次更新,她的清单中显示了这两个待办事项
self.check_for_row_in_list_table('1: Buy peacock feathers')
self.check_for_row_in_list_table('2: Use peacock feathers to make a fly')
self.fail("完成测试")
# self.assertIn('Django', self.browser.title)
再次运行功能测试,看重构前后的表现是否一致:
AssertionError: '1: Buy peacock feathers' not found in ['1: Use peacock feathers to make a fly']