Q&A

p473 코드와 저한테 있는 코드가 너무 달라서 계속 오류가 나와요

2 years, 11 months ago

xlqnxl

<div id="comment-area">
    <!-- Comments section-->
    <section class="mb-5">
        <div class="card bg-light">
            <div class="card-body">
                <!-- Comment form-->
                <form class="mb-4"><textarea class="form-control" rows="3" placeholder="Join the discussion and leave a comment!"></textarea></form>
                <!-- Comment with nested comments-->
                <div class="d-flex mb-4">
                    <!-- Parent comment-->
                    <div class="flex-shrink-0"><img class="rounded-circle" src="https://dummyimage.com/50x50/ced4da/6c757d.jpg" alt="..." /></div>
                    <div class="ms-3">
                        <div class="fw-bold">Commenter Name</div>
                        If you're going to lead a space frontier, it has to be government; it'll never be private enterprise. Because the space frontier is dangerous, and it's expensive, and it has unquantified risks.
                        <!-- Child comment 1-->
                        <div class="d-flex mt-4">
                            <div class="flex-shrink-0"><img class="rounded-circle" src="https://dummyimage.com/50x50/ced4da/6c757d.jpg" alt="..." /></div>
                            <div class="ms-3">
                                <div class="fw-bold">Commenter Name</div>
                                And under those conditions, you cannot establish a capital-market evaluation of that enterprise. You can't get investors.
                            </div>
                        </div>
                        <!-- Child comment 2-->
                        <div class="d-flex mt-4">
                            <div class="flex-shrink-0"><img class="rounded-circle" src="https://dummyimage.com/50x50/ced4da/6c757d.jpg" alt="..." /></div>
                            <div class="ms-3">
                                <div class="fw-bold">Commenter Name</div>
                                When you put money directly to a problem, it makes a good headline.
                            </div>
                        </div>
                    </div>
                </div>
            {% if post.comment_set.exists %}
                {% for comment in post.comment_set.iterator %}
                <!-- Single comment-->
                <div class="d-flex" id="comment-{{ comment.pk }}">
                    <div class="flex-shrink-0"><img class="rounded-circle" src="https://dummyimage.com/50x50/ced4da/6c757d.jpg" alt="..." /></div>
                    <div class="ms-3">
                        <div class="fw-bold">{{ comment.author.username }} &nbsp;&nbsp;<small class="text-muted">{{ comment.created_at }}</small></div>
                        <p>{{ comment.content | linebreaks }}</p>
                    </div>
                </div>
                {% endfor %}
            {% endif %}
            </div>
        <hr/>
        </div>
    </section>
</div>

이거는 제가 갖고 있는 코드고 어느 정도 수정이 필요할 거 같아서 아래와 같이 수정해서

<div id="comment-area">
    <!-- Comments section-->
    <section class="mb-5">
        <div class="card bg-light">
            <div class="card-body">
                <!-- Comment form-->
                {% if user.is_authenticated %}
                <form id="comment-form" method="POST" action="{{ post.get_absolute_url }} new_comment/">
                <textarea class="form-control" rows="3" placeholder="Join the discussion and leave a comment!"></textarea></form>
                </form>
                {% else %}
                <a role="button" class="btn btn-outline-dark btn-block btn-sm" href="#" data-toggle="modal" data-target="#loginModal">Log in and leave a comment</a>
                {% endif %}


                {% if post.comment_set.exists %}
                {% for comment in post.comment_set.iterator %}
                <!-- Single comment-->
                <div class="d-flex" id="comment-{{ comment.pk }}">
                    <div class="flex-shrink-0"><img class="rounded-circle" src="https://dummyimage.com/50x50/ced4da/6c757d.jpg" alt="..." /></div>
                    <div class="ms-3">
                        <div class="fw-bold">{{ comment.author.username }} &nbsp;&nbsp;<small class="text-muted">{{ comment.created_at }}</small></div>
                        <p>{{ comment.content | linebreaks }}</p>
                    </div>
                </div>
                {% endfor %}
            {% endif %}
            </div>
        <hr/>
        </div>
    </section>
</div>

테스트를 돌려보면

Traceback (most recent call last):

  File "D:\GitHub\doitdjangoatoz\blog\tests.py", line 301, in test_comment_form

    self.assertEqual('Log in and leave a comment', comment_area.text)

AssertionError: 'Log in and leave a comment' != '\n\n\n\n\n\nLog in and leave a comment\n\[61 chars]\n\n'

- Log in and leave a comment

+

Log in and leave a comment

king   Nov. 25, 2021, 4:13 a.m.

첫번째댓글

----------------------------------------------------------------------

Ran 7 tests in 3.062s

FAILED (failures=1)

Destroying test database for alias 'default'...

이렇게 나오는데 뭐가 문젠지 모르겠어요