Removing or changing more govuk styles

This commit is contained in:
Jonathan Bobel
2023-08-25 10:40:56 -04:00
parent 769f1e9355
commit a388178e2a
43 changed files with 198 additions and 211 deletions

View File

@@ -45,7 +45,7 @@ describe('Collapsible fieldset', () => {
<fieldset class="govuk-fieldset" id="folder_permissions" aria-describedby="users_with_permission-hint">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
Folders this team member can see
<span class="govuk-hint" id="users_with_permission-hint">
<span class="usa-hint" id="users_with_permission-hint">
<div class="selection-summary" role="region" aria-live="polite"></div>
</span>
</legend>
@@ -146,7 +146,7 @@ describe('Collapsible fieldset', () => {
test("the hint is removed", () => {
expect(document.querySelector('.govuk-hint')).toBeNull();
expect(document.querySelector('.usa-hint')).toBeNull();
});

View File

@@ -17,21 +17,21 @@ describe("Error Banner", () => {
<span class="usa-error-message banner-dangerous js-error-visible">
</span>`;
window.GOVUK.ErrorBanner.hideBanner();
expect(document.querySelector('.banner-dangerous').classList).toContain('govuk-!-display-none')
expect(document.querySelector('.banner-dangerous').classList).toContain('display-none')
});
});
describe("The `showBanner` method", () => {
beforeEach(() => {
document.body.innerHTML = `
<span class="usa-error-message banner-dangerous js-error-visible govuk-!-display-none">
<span class="usa-error-message banner-dangerous js-error-visible display-none">
</span>`;
window.GOVUK.ErrorBanner.showBanner('Some Err');
});
test("Will show the element", () => {
expect(document.querySelector('.banner-dangerous').classList).not.toContain('govuk-!-display-none')
expect(document.querySelector('.banner-dangerous').classList).not.toContain('display-none')
});
});
});

View File

@@ -67,7 +67,7 @@ describe("List entry", () => {
Domain names
</span>
</legend>
<span id="domains-hint" class="govuk-hint">
<span id="domains-hint" class="usa-hint">
For example cabinet-office.gov.uk
</span>
<div class="input-list" data-module="list-entry" data-list-item-name="domain" id="list-entry-domains">

View File

@@ -302,7 +302,7 @@ describe('Update content', () => {
</span>
</div>
<div class="govuk-grid-column-one-half file-list-status">
<p class="govuk-body govuk-!-margin-bottom-0 govuk-hint">
<p class="govuk-body govuk-!-margin-bottom-0 usa-hint">
${content.status}
</p>
</div>