Pythonによるテスト駆動開発, 3rd Edition

第17章 JavaScriptのやさしい探求

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

一つの言語を理解するには、少なくとも二つを理解しなければならない。

ジェフリー・ウィランズ（英国の作家・ジャーナリスト）

新しい検証ロジックは良いものだ。 だが、ユーザが修正を始めたら重複項目のエラーメッセージが消えるようにしたらどうだろう？ HTML5のバリデーションエラーのようにね。

試してみよう——./src/manage.py runserver でサイトを起動し、 リストを作成する。空の項目を送信しようとすると、 「このフィールドに入力してください」というポップアップが表示され、 テキストを入力するとすぐに消える。 一方、同じ項目を二度入力すると、 赤い文字で「この項目は既にリストにあります」というメッセージが表示される。 たとえ有効な内容に修正しても、 フォームを送信するまでエラーは消えない（図17-1参照）。

図17-1. でも 修正したよ！

このエラーを動的に消すには、ほんの少しのJavaScriptが必要だ。 Pythonはプログラミングに楽しい言語だ。 JavaScriptは常にそうだったわけではない。 だが多くの粗削りな部分は滑らかになり、 今ではJavaScriptは実に優れていると言えるだろう。 そしてウェブ開発の世界では、JavaScriptの使用は避けられない。 じゃあ、ちょっとだけ触ってみて、楽しめないか試してみよう。

注

JavaScriptの構文の基本は知っていると仮定する。 知らないなら、Mozillaのガイド MDN は常に品質が高い。 また、実物の本が好みなら『Eloquent JavaScript』も評判が良いと聞いた。

FTから始める

ItemValidationTest クラスに新しい機能テスト（FT）を追加しよう。 入力開始時にエラーメッセージが消えることを確認するテストだ：

src/functional_tests/test_list_item_validation.py (ch17l001)

def test_error_messages_are_cleared_on_input(self):
    # Edith starts a list and causes a validation error:
    self.browser.get(self.live_server_url)
    self.get_item_input_box().send_keys("Banter too thick")
    self.get_item_input_box().send_keys(Keys.ENTER)
    self.wait_for_row_in_list_table("1: Banter too thick")
    self.get_item_input_box().send_keys("Banter too thick")
    self.get_item_input_box().send_keys(Keys.ENTER)
    self.wait_for(  
        lambda: self.assertTrue(  
            self ...