Test-Driven Development with Python, 3rd Edition

Chapter 8. Prettification: Layout and Styling, and What to Test About It

A Note for Early Release Readers

With Early Release ebooks, you get books in their earliest form—the author’s raw and unedited content as they write—so you can take advantage of these technologies long before the official release of these titles.

This will be the 8th chapter of the final book. The GitHub repo is available at https://github.com/hjwp/book-example.

If you have comments about how we might improve the content and/or examples in this book, or if you notice missing material within this chapter, please reach out to the author at [e-mail].

We’re starting to think about releasing the first version of our site, but we’re a bit embarrassed by how ugly it looks at the moment. In this chapter, we’ll cover some of the basics of styling, including integrating an HTML/CSS framework called Bootstrap. We’ll learn how static files work in Django, and what we need to do about testing them.

Testing Layout and Style

Our site is undeniably a bit unattractive at the moment (Figure 8-1).

Note

If you spin up your dev server with manage.py runserver, you may run into a database error, something like this: “table lists_item has no column named list_id”. You need to update your local database to reflect the changes we made in models.py. Use manage.py migrate. If it gives you any grief about IntegrityErrors, just delete the database file¹ and try again.

We can’t be adding to Python’s reputation ...