zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-24 19:48:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Unit test, styling

Browse source
This commit is contained in:
zandercymatics 2024-03-21 12:07:33 -06:00
parent 438df069d6
commit 2931900d57
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
5 changed files with 58 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/registrar/assets/js/get-gov-admin.js
View file

@ -177,9 +177,10 @@ function openInNewTab(el, removeAttribute = false){
copyToClipboardAndChangeIcon(button);
});
// Add a class that removes the outline style on click
// Add a class that adds the outline style on click
button.addEventListener("mousedown", function() {
this.classList.remove("no-outline-on-click");
console.log(`applying mousedown on ${this} vs ${button}`);
this.classList.add("no-outline-on-click");
});
// But add it back in after the user clicked,

15
src/registrar/assets/sass/_theme/_admin.scss
View file

@ -381,14 +381,19 @@ table.dja-user-detail-table {
input {
// Allow for padding around the copy button
padding-right: 35px;
padding-right: 35px !important;
// Match the height of other inputs
min-height: 2.25rem;
min-height: 2.25rem !important;
}
}
td.font-size-sm {
button.usa-button__icon {
font-size: 16px;
}
}
.no-outline-on-click:focus {
outline: none !important;
}
}

22
src/registrar/templates/django/admin/includes/domain_request_detail_table.html
View file

@ -13,21 +13,26 @@
{% else %}
<td>Nothing found</td>
{% endif %}
{# Placeholder col for actions (like copy) or additional padding #}
<td></td>
</tr>
<tr>
<th class="padding-left-0" scope="row">Email</th>
{% if user.email or user.contact.email %}
<td>
<span>
{% if user.contact.email %}
{{ user.contact.email }}
<input type="hidden" value="{{ user.contact.email }}" id="id_email">
<td>{{ user.contact.email }}</td>
{% else %}
{{ user.email }}
<input type="hidden" value="{{ user.email }}">
<td>{{ user.email }}</td>
{% endif %}
<td>
{% if user.contact.email %}
<input class="dja-clipboard-input" type="hidden" value="{{ user.contact.email }}" id="id_email">
{% else %}
<input class="dja-clipboard-input" type="hidden" value="{{ user.email }}">
{% endif %}
<button
class="usa-button usa-button--unstyled padding-left-2 usa-button__icon usa-button__clipboard"
class="usa-button usa-button--unstyled usa-button__icon usa-button__clipboard"
type="button"
>
<svg
@ -36,11 +41,11 @@
<use aria-hidden="true" xlink:href="{%static 'img/sprite.svg'%}#content_copy"></use>
</svg>
</button>
</span>
</td>
{% else %}
<td>Nothing found</td>
<td></td>
{% endif %}
</tr>
<tr>
@ -54,6 +59,7 @@
{% else %}
<td>Nothing found</td>
{% endif %}
<td></td>
</tr>
</tbody>
</table>

13
src/registrar/templates/django/admin/includes/domain_request_fieldset.html
View file

@ -62,10 +62,13 @@ This is using a custom implementation fieldset.html (see admin/fieldset.html)
<tr data-contact-id="{{ contact.id }}" data-contact-url="{% url 'admin:registrar_contact_change' contact.id %}">
<th scope="row">{{contact.first_name}} {{contact.last_name}}</th>
<td>{{ contact.title }}</td>
<td>
<input type="hidden" value="{{ contact.email }}">
<td>{{ contact.email }}</td>
<td>{{ contact.phone }}</td>
{# Copy button for the email #}
<td class="font-size-sm">
<input class="dja-clipboard-input" type="hidden" value="{{ contact.email }}">
<button
class="usa-button usa-button--unstyled usa-button__icon usa-button__clipboard"
class="usa-button usa-button--unstyled usa-button__icon usa-button__clipboard text-no-underline"
type="button"
>
<svg
@ -73,11 +76,9 @@ This is using a custom implementation fieldset.html (see admin/fieldset.html)
>
<use aria-hidden="true" xlink:href="{%static 'img/sprite.svg'%}#content_copy"></use>
</svg>
Copy email
</button>
{{ contact.email }}
</td>
<td>{{ contact.phone }}</td>
</tr>
{% endfor %}
</tbody>

21
src/registrar/tests/test_admin.py
View file

@ -1304,18 +1304,19 @@ class TestDomainRequestAdmin(MockEppLib):
self.assertEqual(response.status_code, 200)
self.assertContains(response, domain_request.requested_domain.name)
# Check that the modal has the right content
# Check for the header
# == Check for the creator == #
# Check for the right title, email, and phone number in the response.
# We only need to check for the end tag
# (Otherwise this test will fail if we change classes, etc)
expected_email = "meoward.jones@igorville.gov"
expected_creator_fields = [
# Field, expected value
("title", "Treat inspector</td>"),
("email", "meoward.jones@igorville.gov</td>"),
("email", f"{expected_email}</td>"),
# Check for the existence of the copy button input.
# Lets keep things simple to minimize future conflicts.
("email_copy_button_input", f'<input class="dja-clipboard-input" type="hidden" value="{expected_email}"'),
("phone", "(555) 123 12345</td>"),
]
self.assert_response_contains_distinct_values(response, expected_creator_fields)
@ -1324,20 +1325,24 @@ class TestDomainRequestAdmin(MockEppLib):
self.assertContains(response, "Meoward Jones")
# == Check for the submitter == #
expected_email = "mayor@igorville.gov"
expected_submitter_fields = [
# Field, expected value
("title", "Admin Tester</td>"),
("email", "mayor@igorville.gov</td>"),
("email", f"{expected_email}</td>"),
("email_copy_button_input", f'<input class="dja-clipboard-input" type="hidden" value="{expected_email}"'),
("phone", "(555) 555 5556</td>"),
]
self.assert_response_contains_distinct_values(response, expected_submitter_fields)
self.assertContains(response, "Testy2 Tester2")
# == Check for the authorizing_official == #
expected_email = "testy@town.com"
expected_ao_fields = [
# Field, expected value
("title", "Chief Tester</td>"),
("email", "testy@town.com</td>"),
("email", f"{expected_email}</td>"),
("email_copy_button_input", f'<input class="dja-clipboard-input" type="hidden" value="{expected_email}"'),
("phone", "(555) 555 5555</td>"),
]
self.assert_response_contains_distinct_values(response, expected_ao_fields)
@ -1359,10 +1364,12 @@ class TestDomainRequestAdmin(MockEppLib):
self.assertContains(response, "Phone</th>", count=3)
# == Test the other_employees field == #
expected_email = "testy@town.com"
expected_other_employees_fields = [
# Field, expected value
("title", "Another Tester</td>"),
("email", "testy2@town.com</td>"),
("email", f"{expected_email}</td>"),
("email_copy_button_input", f'<input class="dja-clipboard-input" type="hidden" value="{expected_email}"'),
("phone", "(555) 555 5557</td>"),
]
self.assert_response_contains_distinct_values(response, expected_other_employees_fields)