@moduk/frontend 1.2.1 → 1.3.0

package/dist/nunjucks/moduk/components/error-summary/__tests__/macro.test.ts

@@ -1,55 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { render, renderFile } from '../../../../../test-utils'
-
-describe('error summary', async () => {
-  it('renders the content when using the text property', () => {
-    const element = renderFile('moduk/components/error-summary/__examples__/with-description-and-error-list.njk')
-    expect(element).toHaveTextContent('There is a problem')
-  })
-
-  it('renders the error description when using the descriptionHtml property', () => {
-    const element = render(`
-{% from "moduk/components/error-summary/macro.njk" import modukErrorSummary %}
-
-{{ modukErrorSummary({
-    titleText: "There is a problem",
-    descriptionHtml: "There have been some errors when trying to submit your application.",
-    errorList: [
-      {
-        text: "The start date of the contract must include a year",
-        href: "#incorect-date-format"
-      },
-      {
-        text: "Enter your full name",
-        href: "#full-name-input"
-      }
-    ]
-  }) }}
-`)
-    expect(element).toHaveTextContent('There have been some errors when trying to submit your application.')
-  })
-
-  it('renders the content when using a call block', () => {
-    const element = render(`
-{% from "moduk/components/error-summary/macro.njk" import modukErrorSummary %}
-
-{% call modukErrorSummary({
-    titleText: "There is a problem",
-    errorList: [
-      {
-        text: "The start date of the contract must include a year",
-        href: "#incorect-date-format"
-      },
-      {
-        text: "Enter your full name",
-        href: "#full-name-input"
-      }
-    ]
-  }) %}
-  There have been some errors<br> when trying to submit your application.
-{% endcall %}
-`)
-    expect(element).toContainHTML('There have been some errors<br> when')
-  })
-})

package/dist/nunjucks/moduk/components/fieldset/__tests__/macro.test.ts

@@ -1,41 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { getByLabelText } from '@testing-library/dom'
-import { render, renderFile } from '../../../../../test-utils'
-
-describe('Fieldset', async () => {
-  it('renders the content', () => {
-    const element = renderFile('moduk/components/fieldset/__examples__/default.njk')
-    expect(getByLabelText(element, 'Address line 1')).toBeInTheDocument()
-  })
-
-  it('renders the content when passed using the html property', () => {
-    const element = render(`
-{% from "moduk/components/input/macro.njk" import modukInput %}
-{% from "moduk/components/fieldset/macro.njk" import modukFieldset %}
-
-{% set html %}
-  {{ modukInput({
-    label: {
-      text: 'Address line 1'
-    },
-    id: "address-line-1",
-    name: "address-line-1",
-    autocomplete: "address-line1"
-  }) }}
-{% endset %}
-
-
-{{ modukFieldset({
-  legend: {
-    text: "What is your address?",
-    classes: "govuk-fieldset__legend--l",
-    isPageHeading: true
-  },
-  html: html
-}) }}
-`)
-
-    expect(getByLabelText(element, 'Address line 1')).toBeInTheDocument()
-  })
-})

package/dist/nunjucks/moduk/components/file-upload/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('File upload', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/file-upload/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/footer/__tests__/macro.test.ts

@@ -1,15 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { render } from '../../../../../test-utils'
-
-describe('Footer', async () => {
-  it('renders the content', () => {
-    expect(() =>
-      render(`
-{%- from "moduk/components/footer/macro.njk" import modukFooter -%}
-
-{{ modukFooter({ }) }}
-`)
-    ).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/header/__tests__/macro.test.ts

@@ -1,25 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { render } from '../../../../../test-utils'
-
-describe('Header', async () => {
-  it('renders the content', () => {
-    expect(() =>
-      render(`
-{%- from "moduk/components/header/macro.njk" import modukHeader -%}
-
-{{ modukHeader({ }) }}
-`)
-    ).not.toThrowError()
-  })
-
-  it('renders the MOOUK svg logo', () => {
-    const el = render(`
-{%- from "moduk/components/header/macro.njk" import modukHeader -%}
-
-{{ modukHeader({ }) }}
-`)
-
-    expect(el.getElementsByTagName('svg')).toHaveLength(1)
-  })
-})

package/dist/nunjucks/moduk/components/input/__tests__/macro.test.ts

@@ -1,22 +0,0 @@
-import { screen } from '@testing-library/dom'
-import { describe, expect, it } from 'vitest'
-import { renderFile } from '../../../../../test-utils'
-
-describe('Input', () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/input/__examples__/default.njk')).not.toThrowError()
-  })
-
-  it('renders the content with prefix and suffix', () => {
-    const element = renderFile('moduk/components/input/__examples__/with-prefix-and-suffix.njk')
-
-    expect(element.querySelector('.govuk-input__prefix')).toBeInTheDocument()
-    expect(element.querySelector('.govuk-input__suffix')).toBeInTheDocument()
-  })
-
-  it('renders the content numeric inputmode', () => {
-    renderFile('moduk/components/input/__examples__/with-numeric.njk')
-
-    expect(screen.getByRole('textbox')).toHaveAttribute('inputmode', 'numeric')
-  })
-})

package/dist/nunjucks/moduk/components/inset-text/__tests__/macro.test.ts

@@ -1,35 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { render, renderFile } from '../../../../../test-utils'
-
-describe('Inset text', async () => {
-  it('renders the content when using the text property', () => {
-    const element = renderFile('moduk/components/inset-text/__examples__/default.njk')
-    expect(element).toHaveTextContent('You’ll get confirmation')
-  })
-
-  it('renders the content when using the html property', () => {
-    const element = render(`
-{% from "moduk/components/inset-text/macro.njk" import modukInsetText %}
-
-{{ modukInsetText({
-  summaryText: "Help with organisation",
-  html: "You’ll get confirmation that we have received your report within 5 working days."
-}) }}
-`)
-    expect(element).toHaveTextContent('You’ll get confirmation')
-  })
-
-  it('renders the content when using a call block', () => {
-    const element = render(`
-{% from "moduk/components/inset-text/macro.njk" import modukInsetText %}
-
-{% call modukInsetText({
-  summaryText: "Help with organisation" 
-}) %}
-  You’ll get confirmation<br> that we have received your report within 5 working days.
-{% endcall %}
-`)
-    expect(element).toContainHTML('You’ll get confirmation<br> that')
-  })
-})

package/dist/nunjucks/moduk/components/notification-banner/__tests__/macro.test.ts

@@ -1,32 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { render, renderFile } from '../../../../../test-utils'
-
-describe('Notification banner', async () => {
-  it('renders the content when using the text property', () => {
-    const element = renderFile('moduk/components/notification-banner/__examples__/default.njk')
-    expect(element).toHaveTextContent('There may be a delay')
-  })
-
-  it('renders the content when using the html property', () => {
-    const element = render(`
-{% from "moduk/components/notification-banner/macro.njk" import modukNotificationBanner %}
-
-{{ modukNotificationBanner({
-  html: "There may be a delay in processing your application because of the coronavirus outbreak."
-}) }}
-`)
-    expect(element).toHaveTextContent('There may be a delay')
-  })
-
-  it('renders the content when using a call block', () => {
-    const element = render(`
-{% from "moduk/components/notification-banner/macro.njk" import modukNotificationBanner %}
-
-{% call modukNotificationBanner({}) %}
-  There may be a delay<br> in processing your application because of the coronavirus outbreak.
-{% endcall %}
-`)
-    expect(element).toContainHTML('There may be a delay<br> in')
-  })
-})

package/dist/nunjucks/moduk/components/pagination/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Pagination', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/pagination/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/panel/__tests__/macro.test.ts

@@ -1,35 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { render, renderFile } from '../../../../../test-utils'
-
-describe('Panel', async () => {
-  it('renders the content using the html property', () => {
-    const element = renderFile('moduk/components/panel/__examples__/default.njk')
-    expect(element).toHaveTextContent('HDJ2123F')
-  })
-
-  it('renders the content when using the text property', () => {
-    const element = render(`
-{% from "moduk/components/panel/macro.njk" import modukPanel %}
-
-{{ modukPanel({
-  titleText: "Application complete",
-  text: "Your reference number is HDJ2123F"
-}) }}
-`)
-    expect(element).toHaveTextContent('HDJ2123F')
-  })
-
-  it('renders the content when using a call block', () => {
-    const element = render(`
-{% from "moduk/components/panel/macro.njk" import modukPanel %}
-
-{% call modukPanel({
-  titleText: "Application complete" 
-}) %}
-  Your reference number<br><strong>HDJ2123F</strong>
-{% endcall %}
-`)
-    expect(element).toContainHTML('Your reference number<br><strong>HDJ2123F</strong>')
-  })
-})

package/dist/nunjucks/moduk/components/phase-banner/__tests__/macro.test.ts

@@ -1,24 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Phase Banner', () => {
-  it('renders the content', () => {
-    const element = renderFile('moduk/components/phase-banner/__examples__/default.njk')
-    expect(element.querySelector('.govuk-tag')).toHaveClass('moduk-tag--default')
-    expect(element.querySelector('.govuk-tag')).toHaveTextContent('alpha')
-    expect(element).toHaveClass('custom-class')
-    expect(element).toHaveAttribute('data-testid', 'phase-banner')
-  })
-
-  it('overrides the tag component class name', () => {
-    const element = renderFile('moduk/components/phase-banner/__examples__/with-tag-override.njk')
-    expect(element.querySelector('.govuk-tag')).toHaveClass('govuk-tag--grey')
-    expect(element.querySelector('.govuk-tag')).not.toHaveClass('moduk-tag--default')
-  })
-
-  it('overrides the text', () => {
-    const element = renderFile('moduk/components/phase-banner/__examples__/with-text.njk')
-    expect(element).toHaveTextContent('This is a new service')
-  })
-})

package/dist/nunjucks/moduk/components/radios/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Radios', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/radios/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/select/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Select', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/select/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/skip-link/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Skip link', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/skip-link/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/summary-list/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Summary list', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/summary-list/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/table/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Table', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/table/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/tabs/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Tabs', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/tabs/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/tag/__tests__/macro.test.ts

@@ -1,32 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { render } from '../../../../../test-utils'
-
-describe('Tag', async () => {
-  it('adds the moduk-tag--default CSS class and renders the content', () => {
-    const element = render(`
-{%- from "moduk/components/tag/macro.njk" import modukTag -%}
-
-{{ modukTag({
-  text: "Completed"
-}) }}
-`)
-
-    expect(element).toHaveClass('moduk-tag--default')
-    expect(element).toHaveTextContent('Completed')
-  })
-
-  it('adds a modifier CSS class when specified and omits moduk-tag--default', () => {
-    const element = render(`
-{%- from "moduk/components/tag/macro.njk" import modukTag -%}
-
-{{ modukTag({
-  text: "Inactive",
-  classes: "govuk-tag--grey"
-}) }}
-`)
-
-    expect(element).toHaveClass('govuk-tag--grey')
-    expect(element).not.toHaveClass('moduk-tag--default')
-  })
-})

package/dist/nunjucks/moduk/components/textarea/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Textarea', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/textarea/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/dist/nunjucks/moduk/components/warning-text/__tests__/macro.test.ts

@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { renderFile } from '../../../../../test-utils'
-
-describe('Warning text', async () => {
-  it('renders the content', () => {
-    expect(() => renderFile('moduk/components/warning-text/__examples__/default.njk')).not.toThrowError()
-  })
-})

package/src/css/__tests__/_colour-palette.test.scss

@@ -1,42 +0,0 @@
-@use 'sass-true' as test;
-@use '../colour-palette' as moduk;
-
-@include test.describe('moduk-colour') {
-  @include test.it('returns untinted colours') {
-    @include test.assert-equal(moduk.moduk-colour('dark-purple'), #532a45);
-    @include test.assert-equal(moduk.moduk-colour('dark-grey'), #323e48);
-    @include test.assert-equal(moduk.moduk-colour('dark-blue'), #13284c);
-    @include test.assert-equal(moduk.moduk-colour('dark-green'), #153e35);
-    @include test.assert-equal(moduk.moduk-colour('dark-yellow'), #f6a800);
-    @include test.assert-equal(moduk.moduk-colour('dark-orange'), #e0592b);
-    @include test.assert-equal(moduk.moduk-colour('dark-pink'), #8e1537);
-    @include test.assert-equal(moduk.moduk-colour('muted-purple'), #94368d);
-    @include test.assert-equal(moduk.moduk-colour('muted-grey'), #7b98ac);
-    @include test.assert-equal(moduk.moduk-colour('muted-blue'), #4298cc);
-    @include test.assert-equal(moduk.moduk-colour('muted-green'), #00945f);
-    @include test.assert-equal(moduk.moduk-colour('muted-yellow'), #ffc845);
-    @include test.assert-equal(moduk.moduk-colour('muted-orange'), #f28b00);
-    @include test.assert-equal(moduk.moduk-colour('muted-pink'), #fa7699);
-    @include test.assert-equal(moduk.moduk-colour('bright-purple'), #ab92e1);
-    @include test.assert-equal(moduk.moduk-colour('bright-grey'), #becdd6);
-    @include test.assert-equal(moduk.moduk-colour('bright-blue'), #3db5e6);
-    @include test.assert-equal(moduk.moduk-colour('bright-green'), #00ce7d);
-    @include test.assert-equal(moduk.moduk-colour('bright-yellow'), #ffc600);
-    @include test.assert-equal(moduk.moduk-colour('bright-orange'), #ff8200);
-    @include test.assert-equal(moduk.moduk-colour('bright-pink'), #f087cf);
-    @include test.assert-equal(moduk.moduk-colour('light-maroon'), #643f58);
-    @include test.assert-equal(moduk.moduk-colour('maroon'), #532a45);
-    @include test.assert-equal(moduk.moduk-colour('dark-maroon'), #4b263e);
-  }
-
-  @include test.it('returns tinted colours') {
-    @include test.assert-equal(moduk.moduk-colour('dark-purple', 80), #75556a);
-    @include test.assert-equal(moduk.moduk-colour('dark-purple', 60), #987f8f);
-    @include test.assert-equal(moduk.moduk-colour('dark-purple', 40), #baaab5);
-    @include test.assert-equal(moduk.moduk-colour('dark-purple', 20), #ddd4da);
-    @include test.assert-equal(moduk.moduk-colour('dark-grey', 80), #5b656d);
-    @include test.assert-equal(moduk.moduk-colour('dark-grey', 60), #848b91);
-    @include test.assert-equal(moduk.moduk-colour('dark-grey', 40), #adb2b6);
-    @include test.assert-equal(moduk.moduk-colour('dark-grey', 20), #d6d8da);
-  }
-}

package/src/css/__tests__/index.test.ts

@@ -1,17 +0,0 @@
-// @vitest-environment node
-
-import { globSync } from 'glob'
-import { join } from 'node:path'
-import sassTrue from 'sass-true'
-import { describe, it } from 'vitest'
-
-globSync(join(__dirname, '**/*.test.scss'), { windowsPathsNoEscape: true }).forEach((filePath) => {
-  sassTrue.runSass(
-    { describe, it },
-    filePath,
-    {
-      loadPaths: ['node_modules'],
-      quietDeps: true,
-    },
-  )
-})