You can add points, shapes or lines to the map.
You can add ${allowedTypesText} to the map.
+
{{ govukTextarea(component.model) }}
{% endmacro %}
diff --git a/test/client/javascripts/map.test.js b/test/client/javascripts/map.test.js
index 8b3d6b733..1e0c1f7d5 100644
--- a/test/client/javascripts/map.test.js
+++ b/test/client/javascripts/map.test.js
@@ -1,6 +1,7 @@
import {
createFeatureHTML,
- createFeaturesHTML
+ createFeaturesHTML,
+ getHelpPanelHtml
} from '~/src/client/javascripts/geospatial-map.js'
import {
formSubmitFactory,
@@ -289,6 +290,44 @@ describe('Maps Client JS', () => {
})
})
+ describe('getHelpPanelHtml', () => {
+ it('should handle only point', () => {
+ expect(getHelpPanelHtml(true, false, false)).toBe(
+ '
You can add points to the map.
- Search for a county, place or postcode
- Use the + and - icons to zoom in and out
- Give the location a name
'
+ )
+ })
+ it('should handle only line', () => {
+ expect(getHelpPanelHtml(false, true, false)).toBe(
+ '
You can add lines to the map.
- Search for a county, place or postcode
- Use the + and - icons to zoom in and out
- Double‑click, or select \'Done\', when you have finished drawing a line
- Give the location a name
'
+ )
+ })
+ it('should handle only shape', () => {
+ expect(getHelpPanelHtml(false, false, true)).toBe(
+ '
You can add shapes to the map.
- Search for a county, place or postcode
- Use the + and - icons to zoom in and out
- Double‑click, or select \'Done\', when you have finished drawing a shape
- Give the location a name
'
+ )
+ })
+ it('should handle point and line', () => {
+ expect(getHelpPanelHtml(true, true, false)).toBe(
+ '
You can add points or lines to the map.
- Search for a county, place or postcode
- Use the + and - icons to zoom in and out
- Double‑click, or select \'Done\', when you have finished drawing a line
- Give the location a name
'
+ )
+ })
+ it('should handle point and shape', () => {
+ expect(getHelpPanelHtml(true, false, true)).toBe(
+ '
You can add points or shapes to the map.
- Search for a county, place or postcode
- Use the + and - icons to zoom in and out
- Double‑click, or select \'Done\', when you have finished drawing a shape
- Give the location a name
'
+ )
+ })
+ it('should handle line and shape', () => {
+ expect(getHelpPanelHtml(false, true, true)).toBe(
+ '
You can add lines or shapes to the map.
- Search for a county, place or postcode
- Use the + and - icons to zoom in and out
- Double‑click, or select \'Done\', when you have finished drawing a line or shape
- Give the location a name
'
+ )
+ })
+ it('should handle point, line and shape', () => {
+ expect(getHelpPanelHtml(true, true, true)).toBe(
+ '
You can add points, lines or shapes to the map.
- Search for a county, place or postcode
- Use the + and - icons to zoom in and out
- Double‑click, or select \'Done\', when you have finished drawing a line or shape
- Give the location a name
'
+ )
+ })
+ })
+
describe('Easting northing component', () => {
beforeEach(() => {
document.body.innerHTML = `
diff --git a/test/client/javascripts/utils.test.js b/test/client/javascripts/utils.test.js
new file mode 100644
index 000000000..eeeaf71dc
--- /dev/null
+++ b/test/client/javascripts/utils.test.js
@@ -0,0 +1,25 @@
+import { formatDelimtedList } from '~/src/client/javascripts/utils.js'
+
+describe('utils', () => {
+ describe('formatDelimitedList', () => {
+ it('should handle empty list', () => {
+ expect(formatDelimtedList([], ',', 'or')).toBe('')
+ })
+
+ it('should handle one item', () => {
+ expect(formatDelimtedList(['item1'], ',', 'or')).toBe('item1')
+ })
+
+ it('should handle two items', () => {
+ expect(formatDelimtedList(['item1', 'item2'], ',', 'or')).toBe(
+ 'item1 or item2'
+ )
+ })
+
+ it('should handle three items', () => {
+ expect(formatDelimtedList(['item1', 'item2', 'item3'], ',', 'or')).toBe(
+ 'item1, item2 or item3'
+ )
+ })
+ })
+})