从视图的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']