@ons/design-system 70.0.2 → 70.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import * as cheerio from 'cheerio';
|
|
4
4
|
|
|
5
5
|
import axe from '../../tests/helpers/axe';
|
|
6
|
-
import { renderComponent } from '../../tests/helpers/rendering';
|
|
6
|
+
import { renderComponent, templateFaker } from '../../tests/helpers/rendering';
|
|
7
7
|
|
|
8
8
|
const EXAMPLE_EXTERNAL_LINK = {
|
|
9
9
|
url: 'http://example.com',
|
|
@@ -69,9 +69,14 @@ describe('macro: external-link', () => {
|
|
|
69
69
|
});
|
|
70
70
|
|
|
71
71
|
it('has an "external-link" icon', async () => {
|
|
72
|
-
const
|
|
72
|
+
const faker = templateFaker();
|
|
73
|
+
const iconsSpy = faker.spy('icon');
|
|
74
|
+
|
|
75
|
+
faker.renderComponent('external-link', {
|
|
76
|
+
...EXAMPLE_EXTERNAL_LINK,
|
|
77
|
+
newWindowDescription: 'custom opens in a new tab text',
|
|
78
|
+
});
|
|
73
79
|
|
|
74
|
-
|
|
75
|
-
expect($svg.length).toBe(1);
|
|
80
|
+
expect(iconsSpy.occurrences[0].iconType).toBe('external-link');
|
|
76
81
|
});
|
|
77
82
|
});
|
|
@@ -8,15 +8,15 @@
|
|
|
8
8
|
{% from "components/video/_macro.njk" import onsVideo %}
|
|
9
9
|
{{
|
|
10
10
|
onsVideo({
|
|
11
|
-
"videoEmbedUrl": 'https://www.youtube.com/embed/
|
|
12
|
-
"videoLinkURL": 'https://www.youtube.com/watch?v=
|
|
11
|
+
"videoEmbedUrl": 'https://www.youtube.com/embed/OwYVwPPxPj4',
|
|
12
|
+
"videoLinkURL": 'https://www.youtube.com/watch?v=OwYVwPPxPj4',
|
|
13
13
|
"image": {
|
|
14
14
|
"largeSrc": '/patternlib-img/youtube-example-cover.png',
|
|
15
15
|
"smallSrc": '/patternlib-img/youtube-example-cover.png',
|
|
16
16
|
"alt": "Youtube video"
|
|
17
17
|
},
|
|
18
|
-
"title": '
|
|
19
|
-
"linkText": 'Watch “
|
|
18
|
+
"title": 'Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL',
|
|
19
|
+
"linkText": 'Watch “Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL“ on Youtube'
|
|
20
20
|
})
|
|
21
21
|
}}
|
|
22
22
|
|
|
@@ -30,24 +30,106 @@
|
|
|
30
30
|
{
|
|
31
31
|
"id": "video-description",
|
|
32
32
|
"title": 'Description',
|
|
33
|
-
"hiddenSpan": 'for
|
|
33
|
+
"hiddenSpan": 'for Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL',
|
|
34
34
|
"content": '<div class="example-video-block__details">
|
|
35
35
|
<h3 class="ons-u-d-no@s">Description</h3>
|
|
36
|
-
<p>
|
|
37
|
-
<p>If you live in one of the rehearsal areas help us by taking part in the #CensusRehearsal.</p>
|
|
38
|
-
</div>'
|
|
36
|
+
<p>We explain our plans to transform the ways we collect data and produce statistics that better serve everybody with our Dynamic Population Model (DPM), with British Sign Language (BSL).</p>'
|
|
39
37
|
},
|
|
40
38
|
{
|
|
41
39
|
"id": "video-transcript",
|
|
42
40
|
"title": 'Transcript',
|
|
43
41
|
"hiddenSpan": 'for Census 2021 promotional TV advert video',
|
|
44
|
-
"content":
|
|
45
|
-
<h3 class=
|
|
46
|
-
<p>
|
|
47
|
-
<p>
|
|
48
|
-
<p>
|
|
49
|
-
<p>
|
|
50
|
-
|
|
42
|
+
"content": "<div class='example-video-block__details'>
|
|
43
|
+
<h3 class='ons-u-d-no@s'>Transcript</h3>
|
|
44
|
+
<p>at the office for National statistics we</p>
|
|
45
|
+
<p>publish statistics about the size and</p>
|
|
46
|
+
<p>structure of the population that</p>
|
|
47
|
+
<p>organizations use to make important</p>
|
|
48
|
+
<p>decisions about local services</p>
|
|
49
|
+
<p>like deciding how many school and</p>
|
|
50
|
+
<p>Hospital places an area might need or</p>
|
|
51
|
+
<p>where to put a new Supermarket to make</p>
|
|
52
|
+
<p>these decisions people need the most</p>
|
|
53
|
+
<p>up-to-date information about the</p>
|
|
54
|
+
<p>changing shape of our population to</p>
|
|
55
|
+
<p>estimate the population we start with</p>
|
|
56
|
+
<p>Census Data this is collected every 10</p>
|
|
57
|
+
<p>years every year we add birds and people</p>
|
|
58
|
+
<p>who move into the country or local area</p>
|
|
59
|
+
<p>and remove people who have died or who</p>
|
|
60
|
+
<p>have moved away we need to make sure</p>
|
|
61
|
+
<p>that data about births deaths and</p>
|
|
62
|
+
<p>migration from numerous data sources and</p>
|
|
63
|
+
<p>systems are received processed and</p>
|
|
64
|
+
<p>quality assured</p>
|
|
65
|
+
<p>when this is done the statistics are</p>
|
|
66
|
+
<p>ready for decision makers to use about a</p>
|
|
67
|
+
<p>year later but the accuracy of these</p>
|
|
68
|
+
<p>estimates declines as we move away from</p>
|
|
69
|
+
<p>the Census year and because our</p>
|
|
70
|
+
<p>population is changing more rapidly than</p>
|
|
71
|
+
<p>ever decision makers need this</p>
|
|
72
|
+
<p>information faster to meet this need</p>
|
|
73
|
+
<p>we're exploring new and innovative ways</p>
|
|
74
|
+
<p>to create population statistics which is</p>
|
|
75
|
+
<p>why we've developed the dynamic</p>
|
|
76
|
+
<p>population model or DPM the DPM still</p>
|
|
77
|
+
<p>uses information about birds deaths and</p>
|
|
78
|
+
<p>internal and international migration but</p>
|
|
79
|
+
<p>it also uses new information in</p>
|
|
80
|
+
<p>different ways to get the best from</p>
|
|
81
|
+
<p>available data</p>
|
|
82
|
+
<p>we've built the DPM to produce</p>
|
|
83
|
+
<p>statistics that are flexible and</p>
|
|
84
|
+
<p>resilient it uses a wide range of data</p>
|
|
85
|
+
<p>sources like linked administrative data</p>
|
|
86
|
+
<p>which is information that we all share</p>
|
|
87
|
+
<p>when we access Public Services like the</p>
|
|
88
|
+
<p>tax benefits and Health Systems the DPM</p>
|
|
89
|
+
<p>also uses data about births and deaths</p>
|
|
90
|
+
<p>students in schools and much more and</p>
|
|
91
|
+
<p>because it doesn't rely on a single data</p>
|
|
92
|
+
<p>source it can produce high quality</p>
|
|
93
|
+
<p>population estimates on time even when a</p>
|
|
94
|
+
<p>data source changes</p>
|
|
95
|
+
<p>we've also designed it to be accurate</p>
|
|
96
|
+
<p>And Timely</p>
|
|
97
|
+
<p>the DPM balances the count of the</p>
|
|
98
|
+
<p>population alongside local and National</p>
|
|
99
|
+
<p>migration this makes sure that our</p>
|
|
100
|
+
<p>population estimates are consistent and</p>
|
|
101
|
+
<p>accurate and means we can produce</p>
|
|
102
|
+
<p>provisional population estimates within</p>
|
|
103
|
+
<p>six months of the reference date for</p>
|
|
104
|
+
<p>example we were able to produce mid-year</p>
|
|
105
|
+
<p>population estimates for 2022 four</p>
|
|
106
|
+
<p>months ahead of the planned official</p>
|
|
107
|
+
<p>estimates</p>
|
|
108
|
+
<p>this also shows how responsive and smart</p>
|
|
109
|
+
<p>the DPM can be quickly spotting when</p>
|
|
110
|
+
<p>patterns and Trends have changed as it</p>
|
|
111
|
+
<p>did with the mid-year population</p>
|
|
112
|
+
<p>estimates for 2022 showing how the</p>
|
|
113
|
+
<p>population had moved around after the</p>
|
|
114
|
+
<p>coronavirus pandemic</p>
|
|
115
|
+
<p>to improve our population estimates it</p>
|
|
116
|
+
<p>can also tell when data are incomplete</p>
|
|
117
|
+
<p>for example it spotted changes in Health</p>
|
|
118
|
+
<p>Data we use which meant that we could</p>
|
|
119
|
+
<p>decide how best to use them</p>
|
|
120
|
+
<p>to make sure that we produce secure high</p>
|
|
121
|
+
<p>quality reliable population statistics</p>
|
|
122
|
+
<p>independent external experts have</p>
|
|
123
|
+
<p>peer-reviewed the methods we use in the</p>
|
|
124
|
+
<p>DPM our population estimates also need</p>
|
|
125
|
+
<p>to meet a quality standard that is close</p>
|
|
126
|
+
<p>to the level delivered in census years</p>
|
|
127
|
+
<p>we expect the DPM admin based population</p>
|
|
128
|
+
<p>estimates to meet this level of quality</p>
|
|
129
|
+
<p>year after year</p>
|
|
130
|
+
<p>to find out more about the dynamic</p>
|
|
131
|
+
<p>population model visit the ons website</p>
|
|
132
|
+
</div>"
|
|
51
133
|
},
|
|
52
134
|
{
|
|
53
135
|
"id": "video-embed",
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{% from "components/video/_macro.njk" import onsVideo %}
|
|
2
2
|
{{
|
|
3
3
|
onsVideo({
|
|
4
|
-
"videoEmbedUrl": 'https://www.youtube.com/embed/
|
|
5
|
-
"videoLinkURL": 'https://www.youtube.com/watch?v=
|
|
4
|
+
"videoEmbedUrl": 'https://www.youtube.com/embed/OwYVwPPxPj4',
|
|
5
|
+
"videoLinkURL": 'https://www.youtube.com/watch?v=OwYVwPPxPj4',
|
|
6
6
|
"image": {
|
|
7
7
|
"largeSrc": '/patternlib-img/youtube-example-cover.png',
|
|
8
8
|
"smallSrc": '/patternlib-img/youtube-example-cover.png',
|
|
9
9
|
"alt": "Youtube video"
|
|
10
10
|
},
|
|
11
|
-
"title": '
|
|
12
|
-
"linkText": 'Watch “
|
|
11
|
+
"title": 'Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL',
|
|
12
|
+
"linkText": 'Watch “Transforming the way we produce statistics | Explaining the Dynamic Population Model | BSL“ on Youtube'
|
|
13
13
|
})
|
|
14
14
|
}}
|