From 9c6a97db05137616fec026d2a295ee18ff54e0af Mon Sep 17 00:00:00 2001 From: Imanol Eguskiza Date: Mon, 8 Jan 2024 12:46:55 +0100 Subject: [PATCH 01/11] EWPP-3844: Use form group template. --- Makefile | 2 ++ oe_theme.libraries.yml | 1 + templates/form/input--date.html.twig | 19 ++++++++++++++----- templates/form/input--search.html.twig | 16 ++++++++++++---- 4 files changed, 29 insertions(+), 9 deletions(-) diff --git a/Makefile b/Makefile index 54e78abb3..81645e9da 100644 --- a/Makefile +++ b/Makefile @@ -17,6 +17,7 @@ build-ecl: # Add ECL dependencies that cannot be required by ECL. # @see https://github.com/ec-europa/europa-component-library#warning-momentjs yarn --cwd ./ecl-build add moment@2.29.1 -W + yarn --cwd ./ecl-build add pikaday@1.8.2 -W yarn --cwd ./ecl-build add svg4everybody@2.1.9 -W yarn --cwd ./ecl-build dist:presets @@ -42,6 +43,7 @@ copy-dist: cp -r ./ecl-build/dist/packages/ec dist/ec cp -r ./ecl-build/dist/packages/eu dist/eu cp ./ecl-build/node_modules/moment/min/moment.min.js ./dist/js + cp ./ecl-build/node_modules/pikaday/pikaday.js ./dist/js cp ./ecl-build/node_modules/svg4everybody/dist/svg4everybody.js ./dist/js ## copy-twig : copy ECL twigs in the destination directory. diff --git a/oe_theme.libraries.yml b/oe_theme.libraries.yml index ee59f77fe..b372430dc 100644 --- a/oe_theme.libraries.yml +++ b/oe_theme.libraries.yml @@ -51,6 +51,7 @@ external_svg: ecl_datepicker: js: + dist/js/pikaday.js: {} js/ecl_datepicker.js: {} dependencies: - core/drupal diff --git a/templates/form/input--date.html.twig b/templates/form/input--date.html.twig index a2ddf81c4..1ed4f0f60 100644 --- a/templates/form/input--date.html.twig +++ b/templates/form/input--date.html.twig @@ -12,13 +12,22 @@ * @see ./core/themes/stable/templates/form/input.html.twig */ #} -{% include '@ecl-twig/datepicker' with { +{% include '@ecl-twig/form-group' with { id: attributes.id, name: attributes.name, - default_value: attributes.value, - required: element['#required'], + input: { + input_type: 'datepicker', + icon_path: ecl_icon_path, + icon_size: 's', + id: attributes.id, + name: attributes.name, + placeholder: placeholder, + default_value: attributes.value + }, invalid: element['#errors'] is not empty, disabled: attributes.disabled is defined, - icons_path: ecl_icon_path, - placeholder: placeholder + required: element['#required'], + extra_classes: classes|default(''), + extra_attributes: extra_attributes|default([]), + icon_path: ecl_icon_path, } %}{{ children }} diff --git a/templates/form/input--search.html.twig b/templates/form/input--search.html.twig index 43ee0065c..b2891f709 100644 --- a/templates/form/input--search.html.twig +++ b/templates/form/input--search.html.twig @@ -13,12 +13,20 @@ * @see ./core/themes/stable/templates/form/input.html.twig */ #} -{% include '@ecl-twig/text-input' with { + +{% include '@ecl-twig/form-group' with { id: input_array.id, name: input_array.name, + input: { + input_type: 'text', + icon_path: ecl_icon_path, + icon_size: 's', + id: input_array.id, + name: input_array.name, + }, invalid: input_array.invalid, disabled: input_array.disabled, - type: input_array.type, extra_classes: input_array.class|safe_join(' '), - extra_attributes: input_array.extra_attributes -} %} + extra_attributes: input_array.extra_attributes, + icon_path: ecl_icon_path, +} %}{{ children }} From fd6fb3bdb2b0a83ffcb56a51533d843175b2a3d6 Mon Sep 17 00:00:00 2001 From: Imanol Eguskiza Date: Fri, 19 Jan 2024 16:20:43 +0100 Subject: [PATCH 02/11] EWPP-3844: Update radio and checkbox. --- templates/form/input--checkbox.html.twig | 29 ++++++++++++++++++------ templates/form/input--radio.html.twig | 27 ++++++++++++++++++---- tests/src/Kernel/fixtures/rendering.yml | 6 +++-- 3 files changed, 48 insertions(+), 14 deletions(-) diff --git a/templates/form/input--checkbox.html.twig b/templates/form/input--checkbox.html.twig index d74a792dd..816915135 100644 --- a/templates/form/input--checkbox.html.twig +++ b/templates/form/input--checkbox.html.twig @@ -12,14 +12,29 @@ * @see ./core/themes/stable/templates/form/input.html.twig */ #} -{% include '@oe_theme/compositions/ec-component-checkbox/checkbox.html.twig' with { +{% include '@ecl-twig/form-group' with { id: attributes.id, name: attributes.name, - value: attributes.value, - label: title, - checked: attributes.checked is defined, - disabled: attributes.disabled is defined, + input: { + input_type: 'checkbox', + icon_path: ecl_icon_path, + icon_size: 's', + id: attributes.id, + name: attributes.name, + items: [ + { + value: attributes.value, + checked: attributes.checked is defined, + id: attributes.id, + name: attributes.name, + label: title, + icon_path: ecl_icon_path, + disabled: attributes.disabled is defined, + } + ] + }, invalid: invalid, + disabled: attributes.disabled is defined, + extra_attributes: input_attributes|default([]), icon_path: ecl_icon_path, - extra_input_attributes: input_attributes -} only %}{{ children }} +} %}{{ children }} diff --git a/templates/form/input--radio.html.twig b/templates/form/input--radio.html.twig index 8b03c0888..3d50ba957 100644 --- a/templates/form/input--radio.html.twig +++ b/templates/form/input--radio.html.twig @@ -11,12 +11,29 @@ * @see ./core/themes/stable/templates/form/input.html.twig */ #} -{% include '@ecl-twig/radio/radio-button' with { +{% include '@ecl-twig/form-group' with { id: attributes.id, name: attributes.name, - value: attributes.value, - checked: attributes.checked == 'checked', + input: { + input_type: 'radio', + icon_path: ecl_icon_path, + icon_size: 's', + id: attributes.id, + name: attributes.name, + items: [ + { + value: attributes.value, + checked: attributes.checked == 'checked', + id: attributes.id, + name: attributes.name, + label: title, + icon_path: ecl_icon_path, + disabled: attributes.disabled is defined, + } + ] + }, + invalid: invalid, disabled: attributes.disabled is defined, - label: title, - extra_attributes: input_attributes + extra_attributes: input_attributes|default([]), + icon_path: ecl_icon_path, } %}{{ children }} diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml index ccd21b3b0..056b3c45c 100644 --- a/tests/src/Kernel/fixtures/rendering.yml +++ b/tests/src/Kernel/fixtures/rendering.yml @@ -182,7 +182,8 @@ contains: - 'Checkbox' count: - 'div.ecl-checkbox.ecl-checkbox--disabled': 1 + 'div.ecl-form-group.form-disabled': 1 + 'div.ecl-checkbox--disabled input[disabled]': 1 - array: '#type': checkbox '#title': Checkbox @@ -212,8 +213,9 @@ contains: - 'Radio' count: - 'div.ecl-radio--disabled label.ecl-radio__label': 1 + 'div.ecl-form-group.form-disabled': 1 'div.ecl-radio--disabled input[disabled]': 1 + - array: '#type': pattern '#id': banner From e38e24f196df97ad9e07b508c0f6f82fd4d19f21 Mon Sep 17 00:00:00 2001 From: 22Alexandra Date: Wed, 31 Jan 2024 14:14:28 +0200 Subject: [PATCH 03/11] EWPP-3844: Re-enable select element tests. --- .env.dist | 2 +- .../JavascriptBehavioursTest.php | 17 +- tests/src/Kernel/fixtures/rendering.yml | 177 +++++++++--------- 3 files changed, 96 insertions(+), 100 deletions(-) diff --git a/.env.dist b/.env.dist index 346823b63..5265f845a 100644 --- a/.env.dist +++ b/.env.dist @@ -1,5 +1,5 @@ # To enable building ECL from a dev branch, on the pipeline, uncomment the line below. # You can then control which branch and repo ECL will be built from by setting ECL_BUILD_REF and ECL_BUILD_REPO. ECL_BUILD=dev -ECL_BUILD_REF=v4-oe_theme +ECL_BUILD_REF=update-v4-oe_theme ECL_BUILD_REPO=https://github.com/openeuropa/europa-component-library.git diff --git a/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php b/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php index 3249f57b7..0cb6f41ce 100644 --- a/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php +++ b/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php @@ -107,7 +107,6 @@ public function testEclAutoInit(): void { * Tests that ECL multi select is rendered properly. */ public function testEclMultiSelect(): void { - $this->markTestSkipped('Must be re-enabled before considering migration to ECL 4 as complete.'); $this->drupalGet('/oe_theme_js_test/multi_select'); // Assert the default input is present and shows a default placeholder. $select_input = $this->getSession()->getPage()->find('css', 'button.ecl-select__multiple-toggle'); @@ -142,7 +141,6 @@ public function testEclMultiSelect(): void { * Tests that ECL datepicker is rendered properly. */ public function testEclDatePicker(): void { - $this->markTestSkipped('Must be re-enabled before considering migration to ECL 4 as complete.'); $this->drupalGet('/oe_theme_js_test/datepicker'); // Assert we have two hidden datepicker elements on the page. @@ -181,13 +179,13 @@ public function testEclDatePicker(): void { // Assert days are present. $headers = $rows['0']->findAll('css', 'th'); $expected = [ - 'Mon', - 'Tue', - 'Wed', - 'Thu', - 'Fri', - 'Sat', - 'Sun', + 'MO', + 'TU', + 'WE', + 'TH', + 'FR', + 'SA', + 'SU', ]; foreach ($headers as $key => $column) { @@ -221,7 +219,6 @@ public function testEclDatePicker(): void { * Tests that contextual navigation pattern is rendered properly. */ public function testContextNavPattern(): void { - $this->markTestSkipped('Must be re-enabled before considering migration to ECL 4 as complete.'); $this->drupalGet('/oe_theme_js_test/ui_patterns/context_nav'); $this->assertCount(2, $this->getSession()->getPage()->findAll('css', '[data-ecl-contextual-navigation-list]')); $this->assertCount(1, $this->getSession()->getPage()->findAll('css', '[data-ecl-contextual-navigation-more]')); diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml index 056b3c45c..34cb354c1 100644 --- a/tests/src/Kernel/fixtures/rendering.yml +++ b/tests/src/Kernel/fixtures/rendering.yml @@ -45,94 +45,94 @@ - 'Text' count: 'textarea.form-textarea.ecl-text-area': 1 -#- array: -# '#type': select -# '#title': Select element -# '#options': -# 1: One -# 2: Two -# 3: Three -# assert: -# count: -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 -# 'select.ecl-select': 1 -# 'div.ecl-select__icon': 1 -# 'select[data-ecl-select-multiple]': 0 -# 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 -# equals: -# 'div.ecl-form-group label.ecl-form-label': 'Select element' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' -# 'div.ecl-select__icon button.ecl-button--icon-only svg': '' -#- array: -# '#type': select -# '#title': Select element -# '#multiple': true -# '#options': -# 1: One -# 2: Two -# 3: Three -# assert: -# count: -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 -# 'select.ecl-select': 1 -# 'div.ecl-select__icon': 1 -# 'select[data-ecl-select-multiple]': 1 -# 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 -# equals: -# 'div.ecl-form-group label.ecl-form-label': 'Select element' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' -# 'div.ecl-select__icon button.ecl-button--icon-only svg': '' -#- array: -# '#type': select -# '#title': Select element -# '#options': -# 1: One -# 'Two': -# '2.1': 'Two point one' -# '2.2': 'Two point two' -# 3: Three -# assert: -# count: -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 -# 'select.ecl-select': 1 -# 'div.ecl-select__icon': 1 -# 'select[data-ecl-select-multiple]': 0 -# 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 -# equals: -# 'div.ecl-form-group label.ecl-form-label': 'Select element' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' -# 'div.ecl-select__icon button.ecl-button--icon-only svg': '' -#- array: -# '#type': select -# '#title': Select element -# '#multiple': true -# '#options': -# 1: One -# 'Two': -# '2.1': 'Two point one' -# '2.2': 'Two point two' -# 3: Three -# assert: -# count: -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 -# 'select.ecl-select': 1 -# 'div.ecl-select__icon': 1 -# 'select[data-ecl-select-multiple]': 1 -# 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 -# equals: -# 'div.ecl-form-group label.ecl-form-label': 'Select element' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' -# 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' -# 'div.ecl-select__icon button.ecl-button--icon-only svg': '' +- array: + '#type': select + '#title': Select element + '#options': + 1: One + 2: Two + 3: Three + assert: + count: + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'select.ecl-select': 1 + 'div.ecl-select__icon': 1 + 'select[data-ecl-select-multiple]': 0 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + equals: + 'div.ecl-form-group label.ecl-form-label': 'Select element' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-select__icon button.ecl-button--icon-only svg': '' +- array: + '#type': select + '#title': Select element + '#multiple': true + '#options': + 1: One + 2: Two + 3: Three + assert: + count: + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'select.ecl-select': 1 + 'div.ecl-select__icon': 1 + 'select[data-ecl-select-multiple]': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + equals: + 'div.ecl-form-group label.ecl-form-label': 'Select element' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-select__icon button.ecl-button--icon-only svg': '' +- array: + '#type': select + '#title': Select element + '#options': + 1: One + 'Two': + '2.1': 'Two point one' + '2.2': 'Two point two' + 3: Three + assert: + count: + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'select.ecl-select': 1 + 'div.ecl-select__icon': 1 + 'select[data-ecl-select-multiple]': 0 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + equals: + 'div.ecl-form-group label.ecl-form-label': 'Select element' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-select__icon button.ecl-button--icon-only svg': '' +- array: + '#type': select + '#title': Select element + '#multiple': true + '#options': + 1: One + 'Two': + '2.1': 'Two point one' + '2.2': 'Two point two' + 3: Three + assert: + count: + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'select.ecl-select': 1 + 'div.ecl-select__icon': 1 + 'select[data-ecl-select-multiple]': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + equals: + 'div.ecl-form-group label.ecl-form-label': 'Select element' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': radios '#title': Radios @@ -215,7 +215,6 @@ count: 'div.ecl-form-group.form-disabled': 1 'div.ecl-radio--disabled input[disabled]': 1 - - array: '#type': pattern '#id': banner From e89ba408ffbad818eb6bd219f14b21317982edd7 Mon Sep 17 00:00:00 2001 From: 22Alexandra Date: Wed, 31 Jan 2024 19:11:28 +0200 Subject: [PATCH 04/11] EWPP-3844: Update dropdown pattern. --- sass/components/_expandable.scss | 17 ----------------- sass/style-ec.scss | 1 - sass/style-eu.scss | 4 ---- .../dropdown/dropdown.ui_patterns.yml | 6 ------ .../patterns/dropdown/js/ecl_expandable.js | 19 ------------------- .../dropdown/pattern-dropdown.html.twig | 7 ++----- .../JavascriptBehavioursTest.php | 12 ++++++++++-- 7 files changed, 12 insertions(+), 54 deletions(-) delete mode 100644 sass/components/_expandable.scss delete mode 100644 templates/patterns/dropdown/js/ecl_expandable.js diff --git a/sass/components/_expandable.scss b/sass/components/_expandable.scss deleted file mode 100644 index e2b67a94b..000000000 --- a/sass/components/_expandable.scss +++ /dev/null @@ -1,17 +0,0 @@ -/** - * @file - * Apply styling of 'dropdown-legacy' component to 'expandable'. - */ -$background-color: var(--ecl-color-neutral-20) !default; -$border-color: var(--ecl-color-neutral-60) !default; -.ecl-expandable-dropdown__content { - background-color: $background-color; - border: 1px solid $border-color; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - position: absolute; - padding: var(--ecl-spacing-s) var(--ecl-spacing-m); -} - -.no-js .ecl-expandable-dropdown__content { - display: block; -} diff --git a/sass/style-ec.scss b/sass/style-ec.scss index 5581461e0..56c79569c 100644 --- a/sass/style-ec.scss +++ b/sass/style-ec.scss @@ -20,5 +20,4 @@ @use "./components/global"; @use "./components/description_list"; @use "./components/media_iframe"; -@use "./components/expandable"; @use "./components/contextual_navigation"; diff --git a/sass/style-eu.scss b/sass/style-eu.scss index 24584f94c..7463fe6f0 100644 --- a/sass/style-eu.scss +++ b/sass/style-eu.scss @@ -22,10 +22,6 @@ $border-color: var(--ecl-color-primary-10), ); @use "./components/media_iframe"; -@use "./components/expandable" with ( - $background-color: var(--ecl-color-dark-10), - $border-color: var(--ecl-color-dark-40), -); @use "./components/contextual_navigation" with ( $outline-width: 2px, $border_right: 1px solid var(--ecl-color-dark-60), diff --git a/templates/patterns/dropdown/dropdown.ui_patterns.yml b/templates/patterns/dropdown/dropdown.ui_patterns.yml index 300548a1f..1423334d0 100644 --- a/templates/patterns/dropdown/dropdown.ui_patterns.yml +++ b/templates/patterns/dropdown/dropdown.ui_patterns.yml @@ -19,9 +19,3 @@ dropdown: url: 'http://example.com' - label: 'Jobs, Growth and Investment' url: 'http://example.com' - libraries: - - ecl_expandable: - js: - js/ecl_expandable.js: { } - dependencies: - - core/drupal diff --git a/templates/patterns/dropdown/js/ecl_expandable.js b/templates/patterns/dropdown/js/ecl_expandable.js deleted file mode 100644 index d5b17fa09..000000000 --- a/templates/patterns/dropdown/js/ecl_expandable.js +++ /dev/null @@ -1,19 +0,0 @@ -/** - * @file - * ECL Expandable behavior for dropdown pattern. - */ -(function (ECL, Drupal) { - Drupal.behaviors.eclExpandableDropdown = { - attach: function attach() { - var dropdowns = document.querySelectorAll('[data-ecl-expandable-dropdown]'); - for (var i = 0; i < dropdowns.length; i++) { - dropdowns[i].addEventListener('blur', function (event) { - var element = event.target; - if (element.getAttribute('aria-expanded') === 'true') { - element.click(); - } - }, true) - } - } - }; -})(ECL, Drupal); diff --git a/templates/patterns/dropdown/pattern-dropdown.html.twig b/templates/patterns/dropdown/pattern-dropdown.html.twig index 025d99085..fbe267bdf 100644 --- a/templates/patterns/dropdown/pattern-dropdown.html.twig +++ b/templates/patterns/dropdown/pattern-dropdown.html.twig @@ -13,7 +13,7 @@ {% endfor %} {% set content %} -
    +
      {% for item in _links %}
    • {{- item.label -}} @@ -36,8 +36,5 @@ 'size': 'fluid', }, }, - 'extra_attributes': [{ - name: 'data-ecl-expandable-dropdown', - }], - 'extra_dropdown_classes': 'ecl-expandable-dropdown__content', + 'content': content|default([]), } %} diff --git a/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php b/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php index 0cb6f41ce..135d1be0c 100644 --- a/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php +++ b/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php @@ -70,7 +70,6 @@ protected function drupalGet($path, array $options = [], array $headers = []) { * Tests that ECL auto init is invoked and applied correctly. */ public function testEclAutoInit(): void { - $this->markTestSkipped('Must be re-enabled before considering migration to ECL 4 as complete.'); $this->drupalGet('/oe_theme_js_test/ajax_dropdown'); // Verify that the first dropdown button is shown, and it's collapsed. @@ -82,7 +81,7 @@ public function testEclAutoInit(): void { $this->assertSession()->pageTextContains('Child link 0'); // We need to close the dropdown now. Clicking on the container will do. - $this->getSession()->getPage()->find('css', '#dropdown-container')->click(); + $this->getSession()->getPage()->find('css', 'button[data-ecl-label-expanded="Dropdown 0"]')->press(); // Add a new dropdown. $this->getSession()->getPage()->pressButton('Add another'); @@ -100,7 +99,16 @@ public function testEclAutoInit(): void { // Verify that the JS behaviours initialised ECL on the second dropdown. $this->getSession()->getPage()->pressButton('Dropdown 1'); $this->assertSession()->pageTextContains('Child link 1'); + // First dropdown wasn't closed. + $this->assertSession()->pageTextContains('Child link 0'); + // Close the first dropdown. + $this->getSession()->getPage()->find('css', 'button[data-ecl-label-expanded="Dropdown 0"]')->press(); + $this->assertSession()->pageTextNotContains('Child link 0'); + $this->assertSession()->pageTextContains('Child link 1'); + // Close the second dropdown. + $this->getSession()->getPage()->find('css', 'button[data-ecl-label-expanded="Dropdown 1"]')->press(); $this->assertSession()->pageTextNotContains('Child link 0'); + $this->assertSession()->pageTextNotContains('Child link 1'); } /** From 842dbd5224cbe76430d246b7b1d9bf9b7d7b8351 Mon Sep 17 00:00:00 2001 From: 22Alexandra Date: Thu, 1 Feb 2024 10:31:51 +0200 Subject: [PATCH 05/11] EWPP-3844: Adapt select and dropdown tests. --- .env.dist | 2 +- .../JavascriptBehavioursTest.php | 10 ++-- tests/src/Kernel/fixtures/rendering.yml | 54 +++++++++---------- 3 files changed, 34 insertions(+), 32 deletions(-) diff --git a/.env.dist b/.env.dist index 5265f845a..346823b63 100644 --- a/.env.dist +++ b/.env.dist @@ -1,5 +1,5 @@ # To enable building ECL from a dev branch, on the pipeline, uncomment the line below. # You can then control which branch and repo ECL will be built from by setting ECL_BUILD_REF and ECL_BUILD_REPO. ECL_BUILD=dev -ECL_BUILD_REF=update-v4-oe_theme +ECL_BUILD_REF=v4-oe_theme ECL_BUILD_REPO=https://github.com/openeuropa/europa-component-library.git diff --git a/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php b/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php index 135d1be0c..f7aecdcca 100644 --- a/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php +++ b/tests/src/FunctionalJavascript/JavascriptBehavioursTest.php @@ -116,18 +116,20 @@ public function testEclAutoInit(): void { */ public function testEclMultiSelect(): void { $this->drupalGet('/oe_theme_js_test/multi_select'); + // Assert select container. + $select_container = $this->assertSession()->elementExists('css', 'div.ecl-select__multiple div.ecl-select__container.ecl-select__container--m'); // Assert the default input is present and shows a default placeholder. - $select_input = $this->getSession()->getPage()->find('css', 'button.ecl-select__multiple-toggle'); + $select_input = $select_container->find('css', 'button.ecl-select__multiple-toggle'); $this->assertTrue($this->getSession()->getDriver()->isVisible($select_input->getXpath())); $this->assertEquals('Select', $select_input->getText()); // Assert the select dropdown is hidden. - $select_dropdown = $this->getSession()->getPage()->find('css', 'div.ecl-select__multiple-dropdown'); + $select_dropdown = $this->getSession()->getPage()->find('css', 'div.ecl-select__multiple-dropdown.ecl-select__container.ecl-select__container--m'); Assert::assertFalse($this->getSession()->getDriver()->isVisible($select_dropdown->getXpath())); // Click the input and assert the dropdown is now visible. $select_input->click(); - $select_dropdown = $this->getSession()->getPage()->find('css', 'div.ecl-select__multiple-dropdown'); + $select_dropdown = $this->getSession()->getPage()->find('css', 'div.ecl-select__multiple-dropdown.ecl-select__container.ecl-select__container--m'); $this->assertTrue($this->getSession()->getDriver()->isVisible($select_dropdown->getXpath())); // Assert all options are visible. @@ -138,7 +140,7 @@ public function testEclMultiSelect(): void { 'Two point two', 'Three', ]; - $option_elements = $this->getSession()->getPage()->findAll('css', 'div.ecl-checkbox'); + $option_elements = $select_dropdown->findAll('css', 'div.ecl-checkbox'); $this->assertEquals(count($options), count($option_elements)); foreach ($options as $index => $option) { $this->assertEquals($option, $option_elements[$index]->getText()); diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml index 34cb354c1..35e07fde5 100644 --- a/tests/src/Kernel/fixtures/rendering.yml +++ b/tests/src/Kernel/fixtures/rendering.yml @@ -54,16 +54,16 @@ 3: Three assert: count: - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="2"]': 'Two' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': select @@ -75,16 +75,16 @@ 3: Three assert: count: - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="2"]': 'Two' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': select @@ -97,17 +97,17 @@ 3: Three assert: count: - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': select @@ -121,17 +121,17 @@ 3: Three assert: count: - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' - 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' + 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': radios @@ -1893,14 +1893,14 @@ url: 'http://example.com/3' assertions: count: - '.ecl-expandable-dropdown__content a[href="http://example.com/1"]': 1 - '.ecl-expandable-dropdown__content a[href="http://example.com/2"]': 1 - '.ecl-expandable-dropdown__content a[href="http://example.com/3"]': 1 + '.ecl-expandable__content a[href="http://example.com/1"]': 1 + '.ecl-expandable__content a[href="http://example.com/2"]': 1 + '.ecl-expandable__content a[href="http://example.com/3"]': 1 equals: 'button.ecl-expandable__toggle span.ecl-button__label': "Dropdown" - '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(1) a': "Link 1" - '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(2) a': "Link 2" - '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(3) a': "Link 3" + '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(1) a': "Link 1" + '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(2) a': "Link 2" + '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(3) a': "Link 3" - array: '#type': pattern '#id': field From 487cc83f0e3fce5f769050a2b13af4868a374be5 Mon Sep 17 00:00:00 2001 From: Sergii Pavlenko Date: Fri, 2 Feb 2024 01:24:08 +0200 Subject: [PATCH 06/11] EWPP-3844: Adjust rendering.yml fixture and clean up twig templates for form elements. --- templates/form/input--checkbox.html.twig | 6 +- templates/form/input--date.html.twig | 11 +- templates/form/input--radio.html.twig | 11 +- templates/form/input--search.html.twig | 10 +- tests/src/Kernel/fixtures/rendering.yml | 6904 +++++++++++----------- 5 files changed, 3472 insertions(+), 3470 deletions(-) diff --git a/templates/form/input--checkbox.html.twig b/templates/form/input--checkbox.html.twig index 816915135..62d836dcd 100644 --- a/templates/form/input--checkbox.html.twig +++ b/templates/form/input--checkbox.html.twig @@ -13,12 +13,8 @@ */ #} {% include '@ecl-twig/form-group' with { - id: attributes.id, - name: attributes.name, input: { input_type: 'checkbox', - icon_path: ecl_icon_path, - icon_size: 's', id: attributes.id, name: attributes.name, items: [ @@ -36,5 +32,7 @@ invalid: invalid, disabled: attributes.disabled is defined, extra_attributes: input_attributes|default([]), + required: attributes.required is defined, + label_aria_required: attributes.required is defined, icon_path: ecl_icon_path, } %}{{ children }} diff --git a/templates/form/input--date.html.twig b/templates/form/input--date.html.twig index 1ed4f0f60..4f7dcc7b9 100644 --- a/templates/form/input--date.html.twig +++ b/templates/form/input--date.html.twig @@ -13,21 +13,22 @@ */ #} {% include '@ecl-twig/form-group' with { - id: attributes.id, - name: attributes.name, input: { input_type: 'datepicker', icon_path: ecl_icon_path, - icon_size: 's', id: attributes.id, name: attributes.name, + required: element['#required'], + disabled: attributes.disabled is defined, + invalid: element['#errors'] is not empty, placeholder: placeholder, - default_value: attributes.value + default_value: attributes.value, + extra_classes: classes|default(''), + extra_attributes: extra_attributes|default([]), }, invalid: element['#errors'] is not empty, disabled: attributes.disabled is defined, required: element['#required'], extra_classes: classes|default(''), extra_attributes: extra_attributes|default([]), - icon_path: ecl_icon_path, } %}{{ children }} diff --git a/templates/form/input--radio.html.twig b/templates/form/input--radio.html.twig index 3d50ba957..2131632ed 100644 --- a/templates/form/input--radio.html.twig +++ b/templates/form/input--radio.html.twig @@ -12,20 +12,22 @@ */ #} {% include '@ecl-twig/form-group' with { - id: attributes.id, - name: attributes.name, input: { input_type: 'radio', - icon_path: ecl_icon_path, - icon_size: 's', id: attributes.id, name: attributes.name, + invalid: invalid, + required: element['#required'], + extra_classes: classes|default(''), + extra_attributes: input_attributes|default([]), items: [ { value: attributes.value, checked: attributes.checked == 'checked', + invalid: invalid, id: attributes.id, name: attributes.name, + required: element['#required'], label: title, icon_path: ecl_icon_path, disabled: attributes.disabled is defined, @@ -35,5 +37,4 @@ invalid: invalid, disabled: attributes.disabled is defined, extra_attributes: input_attributes|default([]), - icon_path: ecl_icon_path, } %}{{ children }} diff --git a/templates/form/input--search.html.twig b/templates/form/input--search.html.twig index b2891f709..a739f0daa 100644 --- a/templates/form/input--search.html.twig +++ b/templates/form/input--search.html.twig @@ -15,14 +15,16 @@ #} {% include '@ecl-twig/form-group' with { - id: input_array.id, - name: input_array.name, input: { - input_type: 'text', + input_type: 'search', icon_path: ecl_icon_path, - icon_size: 's', id: input_array.id, name: input_array.name, + invalid: input_array.invalid, + disabled: input_array.disabled, + required: element['#required'], + extra_classes: input_array.class|safe_join(' '), + extra_attributes: input_array.extra_attributes, }, invalid: input_array.invalid, disabled: input_array.disabled, diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml index 35e07fde5..e4144ad4e 100644 --- a/tests/src/Kernel/fixtures/rendering.yml +++ b/tests/src/Kernel/fixtures/rendering.yml @@ -79,7 +79,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' @@ -101,7 +101,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' @@ -125,7 +125,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' @@ -215,3452 +215,3452 @@ count: 'div.ecl-form-group.form-disabled': 1 'div.ecl-radio--disabled input[disabled]': 1 -- array: - '#type': pattern - '#id': banner - '#variant': "text_box" - '#fields': - image: - src: "http://via.placeholder.com/150x150" - title: "Banner title" - url: "http://example.com" - label: "Subscribe" - description: "Banner description" - centered: true - credit: "© Copyright or credit" - size: "l" - assertions: - count: - 'section.ecl-banner.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered': 1 - 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 - 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 - '.ecl-banner--full-width': 0 - 'footer.ecl-banner__credit small': 1 - equals: - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description - 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe - 'footer.ecl-banner__credit small': © Copyright or credit -- array: - '#type': pattern - '#id': banner - '#fields': - image: - src: "http://via.placeholder.com/150x150" - title: "Banner title" - url: "http://example.com" - label: "Subscribe" - description: "Banner description" - centered: false - full_width: true - credit: "© Copyright or credit" - assertions: - count: - 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 - 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 - 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 - 'footer.ecl-banner__credit small': 0 - equals: - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description - 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe -- array: - '#type': pattern - '#id': banner - '#variant': "text_box" - '#fields': - title: "Banner title" - description: "Banner description" - url: "http://example.com" - label: "Example" - image: - src: "http://via.placeholder.com/150x150" - centered: true - full_width: false - size: "s" - assertions: - count: - 'section.ecl-banner.ecl-banner--text-box.ecl-banner--s.ecl-banner--centered': 1 - 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 - 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 - '.ecl-banner--full-width': 0 - 'footer.ecl-banner__credit small': 0 - equals: - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description - 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example -- array: - '#type': pattern - '#id': banner - '#variant': "text_overlay" - '#fields': - title: "Banner title" - description: "Banner description" - url: "http://example.com" - label: "Example" - image: - src: "http://via.placeholder.com/150x150" - centered: false - full_width: false - size: "l" - assertions: - count: - 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered': 0 - 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l': 1 - 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 - 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 - '.ecl-banner--full-width': 0 - 'footer.ecl-banner__credit small': 0 - equals: - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description - 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example -- array: - '#type': pattern - '#id': banner - '#variant': "text_overlay" - '#fields': - title: "Banner title" - description: "Banner description" - url: "http://example.com" - label: "Example" - image: - src: "http://via.placeholder.com/150x150" - centered: true - full_width: true - credit: "© Copyright or credit" - size: "l" - assertions: - count: - 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered.ecl-banner--full-width': 1 - 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 - 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 - 'footer.ecl-banner__credit small': 1 - equals: - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description - 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example - 'footer.ecl-banner__credit small': © Copyright or credit -- array: - '#type': pattern - '#id': banner - '#fields': - title: "Banner title" - description: "Banner description" - url: "http://example.com" - label: "Example" - image: - src: "http://via.placeholder.com/150x150" - centered: false - full_width: true - credit: "© Copyright or credit" - assertions: - count: - 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width.ecl-banner--centered': 0 - 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 - 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 - 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 - 'footer.ecl-banner__credit small': 0 - equals: - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title - 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description - 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example -- array: - '#type': pattern - '#id': banner_video - '#fields': - video: - description: "Video caption" - image: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" - alt: "Jean Monnet banner." - sources: - - src: "https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" - src_type: "video/mp4" - description: "Banner description" - assertions: - count: - 'section.ecl-video-banner': 1 - 'video.ecl-media-container__media[poster="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 - 'source[src="https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"][type="video/mp4"]': 1 - equals: - 'figcaption.ecl-media-container__caption': 'Video caption' - 'p.ecl-u-type-paragraph': "Banner description" -- array: - '#type': pattern - '#id': file - '#fields': - button_label: "Download" - file: - title: "File title example" - name: "document.pdf" - url: "http://example.com" - mime: "application/pdf" - size: "10000" - language_code: "en" - assertions: - count: - 'svg.ecl-file__icon': 1 - 'a.ecl-file__download[href="http://example.com"]': 1 - equals: - 'div.ecl-file__title': "File title example" - 'div.ecl-file__language': "English" - 'div.ecl-file__meta': "(9.77 KB - PDF)" - 'a.ecl-file__download .ecl-link__label': "Download" -- array: - '#type': pattern - '#id': file_translation - '#fields': - button_label: "Download" - file: - variant: "translation" - title: "File title example" - name: "document.pdf" - url: "http://example.com" - mime: "application/pdf" - size: "10000" - language_code: "en" - translations: - - mime: "application/vnd.ms-excel" - url: "http://example.com/document_fr.xls" - size: "150000" - name: "document.xls" - language_code: "fr" - - mime: "application/vnd.ms-powerpoint" - url: "http://example.com/document_it.ppt" - size: "160000" - name: "document.ppt" - language_code: "it" - - mime: "application/pdf" - url: "http://example.com/document_hu.pdf" - size: "170000" - name: "document.pdf" - language_code: "hu" - - mime: "application/doc" - url: "http://example.com/document_pt.doc" - size: "180000" - name: "document.doc" - language_code: "pt-pt" - translation_toggle_label: "Other translations" - more_info: "Custom information snippet." - publication_date: "31 August 2020" - assertions: - count: - 'svg.ecl-file__icon': 1 - 'a.ecl-file__download[href="http://example.com"]': 1 - 'div.ecl-file__translation-container': 1 - 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 - 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 - 'a.ecl-file__translation-download[hreflang="fr"]': 1 - 'a.ecl-file__translation-download[hreflang="it"]': 1 - 'a.ecl-file__translation-download[hreflang="hu"]': 1 - 'a.ecl-file__translation-download[hreflang="pt"]': 1 - '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 1 - equals: - 'div.ecl-file__title': "File title example" - 'div.ecl-file__language': "English" - 'div.ecl-file__meta': "(9.77 KB - PDF)" - 'a.ecl-file__download .ecl-link__label': "Download" - 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" - '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "italiano" - '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" - '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "magyar" - '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" - '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "português" - '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" - '.ecl-file__translation-description': "Custom information snippet." - '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': '31 AUGUST 2020' -- array: - '#type': pattern - '#id': file_translation - '#fields': - button_label: "Download" - file: - variant: "translation" - title: "File title example" - name: "document.pdf" - url: "http://example.com" - mime: "application/pdf" - size: "10000" - language_code: "en" - translations: - - mime: "application/vnd.ms-excel" - url: "http://example.com/document_fr.xls" - size: "150000" - name: "document.xls" - language_code: "fr" - more_info: "Custom information snippet." - assertions: - count: - 'svg.ecl-file__icon': 1 - 'a.ecl-file__download[href="http://example.com"]': 1 - 'div.ecl-file__translation-container': 1 - 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 - '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 0 - equals: - 'div.ecl-file__title': "File title example" - 'div.ecl-file__language': "English" - 'div.ecl-file__meta': "(9.77 KB - PDF)" - 'a.ecl-file__download .ecl-link__label': "Download" - 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" - '.ecl-file__translation-description': "Custom information snippet." -- array: - '#type': pattern - '#id': file_teaser - '#fields': - button_label: "Download" - teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." - file: - title: "Example document" - name: "document.pdf" - url: "http://example.com" - mime: "application/pdf" - size: "140000" - language_code: "en" - thumbnail: - src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" - alt: "thumbnail alt" - resource_type: "RESOURCE TYPE" - publication_date: "2020-31-08" - translations: - - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." - file: - title: "French translation" - mime: "application/vnd.ms-excel" - url: "http://example.com/document_fr.xls" - size: "150000" - name: "document.xls" - language_code: "fr" - - teaser: "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." - file: - title: "Italian translation" - mime: "application/vnd.ms-powerpoint" - url: "http://example.com/document_it.ppt" - size: "160000" - name: "document.ppt" - language_code: "it" - - teaser: "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." - file: - title: "Hungarian translation" - mime: "application/pdf" - url: "http://example.com/document_hu.pdf" - size: "170000" - name: "document.pdf" - language_code: "hu" - - teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." - file: - title: "Portugies translation" - mime: "application/doc" - url: "http://example.com/document_pt.doc" - size: "180000" - name: "document.doc" - language_code: "pt-pt" - translation_toggle_label: "Other translations" - more_info: "Looking for another language which is not on the list? Find out why." - badges: - - label: "Highlighted" - variant: "highlight" - assertions: - count: - 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 - 'img.ecl-file__image[alt="thumbnail alt"]': 1 - 'a.ecl-file__download[href="http://example.com"]': 1 - 'div.ecl-file.ecl-file--thumbnail': 1 - 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 - 'div.ecl-file__container div.ecl-file__info': 1 - 'div.ecl-file__translation-container': 1 - 'ul.ecl-file__translation-list': 1 - 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 - 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 - 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 1 - equals: - 'div.ecl-file__info div.ecl-file__title': "Example document" - 'div.ecl-file__info div.ecl-file__description': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies.' - 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' - 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' - 'div.ecl-file__footer div.ecl-file__language': "English" - 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" - 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" - 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" - '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" - '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "Italian translation" - '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-description': "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." - '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-language': "italiano" - '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" - '.ecl-file__translation-item:nth-child(2) .ecl-link__label': "Download" - '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "Hungarian translation" - '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-description': "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." - '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-language': "magyar" - '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" - '.ecl-file__translation-item:nth-child(3) .ecl-link__label': "Download" - '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "Portugies translation" - '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-description': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." - '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-language': "português" - '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" - '.ecl-file__translation-item:nth-child(4) .ecl-link__label': "Download" - 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." - 'div.ecl-file__label span.ecl-label.ecl-label--highlight': "Highlighted" -- array: - '#type': pattern - '#id': file_teaser - '#fields': - button_label: "Download" - teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." - file: - title: "Example document" - name: "document.pdf" - url: "http://example.com" - mime: "application/pdf" - size: "140000" - language_code: "en" - thumbnail: - src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" - alt: "thumbnail alt" - resource_type: "RESOURCE TYPE" - publication_date: "2020-31-08" - translations: - - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." - file: - title: "French translation" - mime: "application/vnd.ms-excel" - url: "http://example.com/document_fr.xls" - size: "150000" - name: "document.xls" - language_code: "fr" - lists: - - term: "Keywords" - definition: - - label: 'Apple' - - label: 'Orange' - - term: "Country" - definition: - - 'Belgium' - - 'Hungary' - - term: "External links" - definition: - - label: 'First external link' - path: 'https://example.com/1' - - label: 'Second external link' - path: 'https://example.com/2' - external_link: TRUE - - path: 'https://example.com/3' - external_link: TRUE - more_info: "Looking for another language which is not on the list? Find out why." - length: 10 - assertions: - count: - 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 - 'img.ecl-file__image[alt="thumbnail alt"]': 1 - 'a.ecl-file__download[href="http://example.com"]': 1 - 'div.ecl-file.ecl-file--thumbnail': 1 - 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 - 'div.ecl-file__container div.ecl-file__info': 1 - 'div.ecl-file__translation-container': 1 - 'ul.ecl-file__translation-list': 1 - 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 - 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 - 'div.ecl-file__taxonomy': 1 - 'dl.ecl-description-list': 1 - 'dt.ecl-description-list__term': 3 - 'dd.ecl-description-list__definition.ecl-description-list__definition--taxonomy': 3 - 'li.ecl-description-list__definition-item': 7 - 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone': 3 - 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone.ecl-link--icon': 2 - 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 0 - equals: - 'div.ecl-file__info div.ecl-file__title': "Example document" - 'div.ecl-file__info div.ecl-file__description': 'Lorem...' - 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' - 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' - 'div.ecl-file__footer div.ecl-file__language': "English" - 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" - 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" - 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi..." - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" - '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" - '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" - 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." - 'dt.ecl-description-list__term:nth-of-type(1)': 'Keywords' - 'dt.ecl-description-list__term:nth-of-type(2)': 'Country' - 'dt.ecl-description-list__term:nth-of-type(3)': 'External links' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(1)': 'Apple' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(2)': 'Orange' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(1)': 'Belgium' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(2)': 'Hungary' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(1) a[href="https://example.com/1"]': 'First external link' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a[href="https://example.com/2"] .ecl-link__label': 'Second external link' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a svg.ecl-link__icon': '' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a[href="https://example.com/3"] .ecl-link__label': 'https://example.com/3' - 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a svg.ecl-link__icon': '' -- array: - '#type': pattern - '#id': file_image - '#fields': - variant: "image" - src: "https://placehold.it/450x250" - alt: "placeholder image" - caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." - assertions: - count: - 'figure.ecl-media-container__figure': 1 - 'img.ecl-media-container__media[src="https://placehold.it/450x250"]': 1 - equals: - 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." -- array: - '#type': pattern - '#id': file_video - '#fields': - variant: "video" - src: "//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" - src_type: "video/mp4" - caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." - tracks: - src': "" - kind': "captions" - src_lang': "en" - label': "English" - assertions: - count: - 'figure.ecl-media-container__figure': 1 - 'video.ecl-media-container__media': 1 - 'video.ecl-media-container__media source[src="//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"]': 1 - 'video.ecl-media-container__media source[type="video/mp4"]': 1 - 'video.ecl-media-container__media track[kind="captions"]': 1 - 'video.ecl-media-container__media track[label="English"]': 1 - 'video.ecl-media-container__media track[srclang="en"]': 1 - equals: - 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." -- array: - '#type': pattern - '#id': gallery - '#variant': default - '#fields': - items: - - thumbnail: - src: 'https://loremflickr.com/320/240/cat' - alt: 'Example alt text' - source: 'https://loremflickr.com/800/600/cat' - caption: 'A picture of a cat' - meta: 'Copyright © 2021, Author and Licence' - media_type: 'image' - expandable: false - disable_overlay: true - assertions: - count: - '.ecl-gallery[data-ecl-gallery][data-ecl-gallery-not-expandable]': 1 - '.ecl-gallery .ecl-gallery__list': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[alt="Example alt text"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item figcaption.ecl-gallery__description': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 1 - '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-previous': 0 - '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-next': 0 - '.ecl-gallery__footer-link': 0 - equals: - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' - contains: - - 'A picture of a cat' -- array: - '#type': pattern - '#id': gallery - '#variant': default - '#fields': - items: - - thumbnail: - src: 'https://loremflickr.com/320/240/cat' - alt: 'Example alt text cat' - source: 'https://loremflickr.com/800/600/cat' - caption: 'A picture of a cat' - type: 'image' - - thumbnail: - src: 'https://loremflickr.com/320/240/dog' - alt: 'Example alt text dog' - source: 'https://www.youtube.com/watch?v=1-g73ty9v04' - caption: "Energy, let's save it!" - meta: 'Copyright © 2021 EC' - type: 'video' - - thumbnail: - src: 'https://loremflickr.com/800/600/lisbon' - alt: 'Example alt text' - caption: 'Meanwhile in Lisbon, the capital of Portugal' - meta: 'Copyright © 2021, Author and Licence' - source: 'https://loremflickr.com/800/600/lisbon' - media_type: 'image' - footer_link_url: 'http://example.com' - footer_link_label: 'Further media items' - footer_link_external: true - visible_items: 1 - assertions: - count: - '.ecl-gallery[data-ecl-gallery-visible-items="1"]': 1 - '.ecl-gallery .ecl-gallery__list': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 3 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[alt="Example alt text cat"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) figcaption.ecl-gallery__description': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__meta': 0 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) a.ecl-gallery__item-link[href="https://www.youtube.com/watch?v=1-g73ty9v04"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[src="https://loremflickr.com/320/240/dog"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[alt="Example alt text dog"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) figcaption.ecl-gallery__description': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[src="https://loremflickr.com/800/600/lisbon"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[alt="Example alt text"]': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) figcaption.ecl-gallery__description': 1 - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 1 - '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-previous': 1 - '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-next': 1 - 'dialog.ecl-gallery__overlay[data-ecl-gallery-overlay]': 1 - 'button.ecl-gallery__view-all[data-ecl-gallery-collapsed-label="See all"][data-ecl-gallery-expanded-label="Collapse"]': 1 - '.ecl-gallery__footer-link': 1 - equals: - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 'Copyright © 2021 EC' - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': '' - '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' - '.ecl-gallery__footer-link a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"] .ecl-link__label': 'Further media items' - '.ecl-gallery__footer-link a svg': '' - contains: - - 'A picture of a cat' - - 'Energy, let's save it!' - - 'Meanwhile in Lisbon, the capital of Portugal' -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - detail: "Item text" - meta: - - "Meta 1" - - "Meta 2" - badges: - - label: "Highlighted" - variant: "highlight" - - label: "Status: Open" - variant: "high" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - 'span.ecl-label.ecl-label--highlight': 1 - 'span.ecl-label.ecl-label--high': 1 - equals: - 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--highlight': "Highlighted" - 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--high': "Status: Open" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': "Item text" -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - detail: "Item text" - length: 6 - meta: - - "Meta 1" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item': "Meta 1" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': "Item..." -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - lists: - - - - term: "When" - definition: "Thursday 15 November, 08:00 AM to Friday 16 November" - - term: "Where" - definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list': 1 - 'div.ecl-content-block__list-container .ecl-description-list__term': 2 - 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 - 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': 0 - equals: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - detail: - '#markup': '
      This is the detail. It is long.
      ' - length: 24 - meta: - - "Meta 1" - - "Meta 2" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - equals: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'article.ecl-content-item div.ecl-content-block__description': "
      This is the detail. It...
      " -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - external_link: true - detail: - '#markup': '
      This is the detail with a link. It is long. So it should count properly only the words.
      ' - length: 30 - meta: - - "Meta 1" - - "Meta 2" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"] span.ecl-link__label': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'a.ecl-link.ecl-link--standalone.ecl-link--icon svg.ecl-icon.ecl-icon--2xs.ecl-link__icon' : '' - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link span.ecl-link__label': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': '
      This is the detail with a link...
      ' -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - detail: - '#plain_text': '
      This is the detail. It is long.
      ' - length: 24 - meta: - - "Meta 1" - - "Meta 2" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': '<div>This is the detail...' -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - detail: - '#type': 'processed_text' - '#text': '
      This is the detail. It is long.
      ' - '#format': 'plain_text' - length: 24 - meta: - - "Meta 1" - - "Meta 2" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' -- array: - '#type': pattern - '#id': list_item - '#fields': - url: "http://example.com" - title: "Item title" - detail: - '#type': 'processed_text' - '#text': '
      This is the detail. It is long.
      ' - '#format': 'plain_text' - length: 24 - meta: - - "Meta 1" - - "Meta 2" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - 'article > div .ecl-description-list': 0 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' -- array: - '#type': pattern - '#id': list_item - '#fields': - detail: "This is a very long description. Better to trim it off." - length: 32 - assertions: - equals: - 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -- array: - '#type': pattern - '#id': list_item - '#variant': "thumbnail_primary" - '#fields': - detail: "This is a very long description. Better to trim it off." - length: 32 - assertions: - equals: - 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -- array: - '#type': pattern - '#id': list_item - '#variant': "thumbnail_secondary" - '#fields': - detail: "This is a very long description. Better to trim it off." - length: 32 - assertions: - equals: - 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -- array: - '#type': pattern - '#id': list_item - '#variant': "navigation" - '#fields': - detail: "This is a very long description. Better to trim it off." - length: 32 - assertions: - equals: - 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -- array: - '#type': pattern - '#id': list_item - '#variant': "thumbnail_primary" - '#fields': - title: "Item title" - url: "http://example.com" - detail: "Item text" - image: - src: "http://via.placeholder.com/150x150" - alt: "Alternate text for primary image" - meta: - - "Meta 1" - - "Meta 2" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for primary image"]': 1 - 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/150x150"]': 1 - 'article.ecl-content-item picture[data-ecl-picture-link]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': "Item text" -- array: - '#type': pattern - '#id': list_item - '#variant': "thumbnail_secondary" - '#fields': - title: "Item title" - url: "http://example.com" - detail: "Item text" - image: - src: "http://via.placeholder.com/120x80" - alt: "Alternate text for secondary image" - meta: - - "Meta 1" - - "Meta 2" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for secondary image"]': 1 - 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/120x80"]': 1 - 'article.ecl-content-item picture[data-ecl-picture-link]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--right': 1 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': "Item text" -- array: - '#type': pattern - '#id': list_item - '#variant': "highlight" - '#fields': - title: "Item title" - url: "http://example.com" - image: - src: "http://via.placeholder.com/300x300" - alt: "Alternate text for secondary image" - badges: - - label: "Highlighted" - variant: "highlight" - - label: "Status: Open" - variant: "high" - assertions: - count: - article.ecl-card div.ecl-card__body div.ecl-content-block.ecl-card__content-block: 1 - article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 - article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 - article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 - article.ecl-card picture[data-ecl-picture-link]: 1 - article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 - article.ecl-card div.ecl-card__body div.ecl-content-block__description: 0 - article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 1 - ul.ecl-content-block__label-container li.ecl-content-block__label-item: 2 - equals: - article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" - ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight: "Highlighted" - ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high: "Status: Open" -- array: - '#type': pattern - '#id': list_item - '#variant': "highlight" - '#fields': - title: "Item title" - url: "http://example.com" - image: - src: "http://via.placeholder.com/300x300" - alt: "Alternate text for secondary image" - detail: "This is a very long description. Better to trim it off." - length: 32 - assertions: - count: - article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 - article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 - article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 - article.ecl-card picture[data-ecl-picture-link]: 1 - article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 - article.ecl-card div.ecl-card__body div.ecl-content-block__description: 1 - article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 0 - equals: - article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" - article.ecl-card div.ecl-card__body div.ecl-content-block__description: "This is a very long description..." -- array: - '#type': pattern - '#id': list_item - '#variant': "block" - '#fields': - title: "Item title" - url: "http://example.com" - detail: "Item test" - badges: - - label: "Highlighted" - variant: "highlight" - - label: "Status: Open" - variant: "high" - assertions: - count: - 'article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]': 1 - 'article.ecl-card div.ecl-card__image': 0 - 'article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container': 0 - 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 - 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 - equals: - 'article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-card div.ecl-card__body div.ecl-content-block__description': "Item test" - 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" - 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" -- array: - '#type': pattern - '#id': list_item - '#variant': "date" - '#fields': - title: "Item title" - url: "http://example.com" - detail: "Item text" - date: - day: '14' - month_fullname: 'July' - month_name: 'Jul' - month: '7' - year: '2021' - meta: - - "News article" - - "6 July 2015" - badges: - - label: "Highlighted" - variant: "highlight" - - label: "Status: Open" - variant: "medium" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 - equals: - 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--highlight': "Highlighted" - 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--medium': "Status: Open" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': "Item text" - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' -- array: - '#type': pattern - '#id': list_item - '#variant': "date" - '#fields': - title: "Item title" - url: "http://example.com" - detail: "Item text" - date: - day: '14' - month_fullname: 'July' - month_name: 'Jul' - month: '7' - year: '2021' - meta: - - "News article" - - "6 July 2015" - lists: - - - - term: "When" - definition: "Thursday 15 November, 08:00 AM to Friday 16 November" - - term: "Where" - definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 - 'div.ecl-content-block__list-container .ecl-description-list__term': 2 - 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 - equals: - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" - 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-block__description': "Item text" - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' - 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" - 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -- array: - '#type': pattern - '#id': list_item - '#variant': "date_cancelled" - '#fields': - date: - day: '14' - month_fullname: 'July' - month_name: 'Jul' - month: '7' - year: '2021' - assertions: - count: - 'time.ecl-date-block.ecl-date-block--cancelled.ecl-content-item__date': 1 -- array: - '#type': pattern - '#id': list_item - '#variant': "date_ongoing" - '#fields': - date: - day: '14' - month_fullname: 'July' - month_name: 'Jul' - month: '7' - year: '2021' - assertions: - count: - 'time.ecl-date-block.ecl-date-block--ongoing.ecl-content-item__date': 1 -- array: - '#type': pattern - '#id': list_item - '#variant': "date_past" - '#fields': - date: - day: '14' - month_fullname: 'July' - month_name: 'Jul' - month: '7' - year: '2021' - assertions: - count: - 'time.ecl-date-block.ecl-date-block--past.ecl-content-item__date': 1 -- array: - '#type': pattern - '#id': list_item - '#variant': "navigation" - '#fields': - title: "Item title" - url: "http://example.com" - detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - assertions: - count: - 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 - 'article.ecl-content-item picture.ecl-content-item__picture--large img.ecl-content-item__image': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--left': 0 - 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--right': 0 - equals: - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" - 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -- array: - '#type': pattern - '#id': list_item_block_one_column - '#fields': - title: "Block title" - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "Business, Economy, Euro" - detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - button_label: "Button nolink" - assertions: - count: - 'div.ecl-content-item-block__title': 1 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 - 'div.ecl-content-item-block__item': 1 - 'div.ecl-content-item-block__item.ecl-col-12': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4': 0 - 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button .ecl-u-clearfix': 1 - 'div.ecl-content-item-block__button a.ecl-link--icon.ecl-link--standalone svg': 0 - equals: - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - 'div.ecl-content-item-block__button .ecl-u-clearfix': "Button nolink" -- array: - '#type': pattern - '#id': list_item_block_one_column - '#fields': - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "Business, Economy, Euro" - detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - button_label: "View all" - button_url: "http://example.com" - button_icon_position: 'before' - button_icon_name: 'list' - external_link: true - assertions: - count: - 'div.ecl-content-item-block__title': 0 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 - 'div.ecl-content-item-block__item': 1 - 'div.ecl-content-item-block__item.ecl-col-12': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4': 0 - 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button': 1 - 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 - 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 - equals: - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - 'a.ecl-link span.ecl-link__label': "View all" - 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' -- array: - '#type': pattern - '#id': list_item_block_one_column - '#fields': - title: "Block title" - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "Business, Economy, Euro" - detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - button_label: "View all" - button_url: "http://example.com" - external_link: false - button_icon_name: 'list' - button_icon_position: 'before' - assertions: - count: - 'div.ecl-content-item-block__title': 1 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 - 'div.ecl-content-item-block__item': 1 - 'div.ecl-content-item-block__item.ecl-col-12': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4': 0 - 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button': 1 - 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 - 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 - equals: - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - 'a.ecl-link span.ecl-link__label': "View all" - 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' -- array: - '#type': pattern - '#id': list_item_block_one_column - '#fields': - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "Business, Economy, Euro" - detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - assertions: - count: - 'div.ecl-content-item-block__title': 0 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 - 'div.ecl-content-item-block__item': 1 - 'div.ecl-content-item-block__item.ecl-col-12': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4': 0 - 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button': 0 - 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 - equals: - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -- array: - '#type': pattern - '#id': list_item_block_one_column - '#fields': - title: "Block title" - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "Business, Economy, Euro" - detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - button_label: "View all" - button_url: "http://example.com" - button_icon_name: "list" - assertions: - count: - 'div.ecl-content-item-block__title': 1 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 - 'div.ecl-content-item-block__item': 1 - 'div.ecl-content-item-block__item.ecl-col-12': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4': 0 - 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button': 1 - 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 - equals: - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - 'a.ecl-link': 'View all' -- array: - '#type': pattern - '#id': list_item_block_one_column - '#fields': - title: "Block title" - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "Business, Economy, Euro" - detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - button_label: "View all" - button_url: "http://example.com" - button_icon_name: "list" - button_icon_position: "before" - assertions: - count: - 'div.ecl-content-item-block__title': 1 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 - 'div.ecl-content-item-block__item': 1 - 'div.ecl-content-item-block__item.ecl-col-12': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4': 0 - 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 - 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button': 1 - 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 - equals: - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - 'a.ecl-link': 'View all' -- array: - '#type': pattern - '#id': list_item_block_two_columns - '#fields': - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 1" - detail: "Description for list item 1." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 2" - detail: "Description for list item 2." - assertions: - count: - 'div.ecl-content-item-block__title': 0 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 - 'div.ecl-content-item-block__item': 2 - 'div.ecl-content-item-block__item.ecl-col-l-6': 2 - 'div.ecl-content-item-block__item.ecl-col-l-4': 0 - 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 - 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button': 0 - 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 - equals: - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." - 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" - 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." -- array: - '#type': pattern - '#id': list_item_block_two_columns - '#fields': - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 1" - detail: "Description for list item 1." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 2" - detail: "Description for list item 2." - button_label: "View all" - button_url: "http://example.com" - button_icon_name: "list" - button_icon_position: "before" - assertions: - count: - 'div.ecl-content-item-block__title': 0 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 - 'div.ecl-content-item-block__item': 2 - 'div.ecl-content-item-block__item.ecl-col-l-6': 2 - 'div.ecl-content-item-block__item.ecl-col-l-4': 0 - 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 - 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 - 'div.ecl-content-item-block__button': 1 - 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 - equals: - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." - 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" - 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." - 'a.ecl-link': 'View all' -- array: - '#type': pattern - '#id': list_item_block_three_columns - '#fields': - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 1" - detail: "Description for list item 1." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 2" - detail: "Description for list item 2." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 3" - detail: "Description for list item 3." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 4" - detail: "Description for list item 4." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 5" - detail: "Description for list item 5." - vertical: true - assertions: - count: - 'div.ecl-content-item-block__title': 0 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 - 'div.ecl-content-item-block__item': 8 - 'div.ecl-content-item-block__item.ecl-col-l-6': 0 - 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4': 3 - 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4 div.ecl-content-item-block__item.ecl-u-mb-l': 5 - 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 - 'div.ecl-content-item-block__button': 0 - 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 - equals: - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 1" - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 1." - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 2" - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 2." - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 3" - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 3." - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 4" - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 4." - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 5" - 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 5." -- array: - '#type': pattern - '#id': list_item_block_three_columns - '#fields': - items: - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 1" - detail: "Description for list item 1." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 2" - detail: "Description for list item 2." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 3" - detail: "Description for list item 3." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 4" - detail: "Description for list item 4." - - '#type': "pattern" - '#id': "list_item" - '#fields': - title: "List item 5" - detail: "Description for list item 5." - button_label: "View all" - button_url: "http://example.com" - button_icon_name: "language" - button_icon_position: "after" - assertions: - count: - 'div.ecl-content-item-block__title': 0 - 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 - 'div.ecl-content-item-block__item': 5 - 'div.ecl-content-item-block__item.ecl-col-l-6': 0 - 'div.ecl-content-item-block__item.ecl-col-l-4': 5 - 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 - 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 - 'div.ecl-content-item-block__button': 1 - 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 - equals: - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" - 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." - 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" - 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." - 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 3" - 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-block__description': "Description for list item 3." - 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 4" - 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-block__description': "Description for list item 4." - 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 5" - 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-block__description': "Description for list item 5." - 'a.ecl-link': 'View all' -- array: - '#type': pattern - '#id': list_item_block_four_columns - '#fields': - items: - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } - button_label: "View all" - button_url: "http://example.com" - button_icon_name: "list" - button_icon_position: "before" - assertions: - equals: - 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(1) a.ecl-link': 'A simple link 1' - 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(2) a.ecl-link': 'A simple link 2' - 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(3) a.ecl-link': 'A simple link 3' - 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(4) a.ecl-link': 'A simple link 4' - 'a.ecl-link--icon': 'View all' -- array: - '#type': pattern - '#id': list_item_block_six_columns - '#fields': - items: - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 5' } } - - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 6' } } - button_label: "View all" - button_url: "http://example.com" - button_icon_name: "list" - button_icon_position: "before" - assertions: - equals: - 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(1) a.ecl-link': 'A simple link 1' - 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(2) a.ecl-link': 'A simple link 2' - 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(3) a.ecl-link': 'A simple link 3' - 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(4) a.ecl-link': 'A simple link 4' - 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(5) a.ecl-link': 'A simple link 5' - 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(6) a.ecl-link': 'A simple link 6' - 'a.ecl-link--icon': 'View all' -- array: - '#type': pattern - '#id': navigation_list - '#fields': - title: 'Navigation list title' - title_url: 'http://example.com' - external_link: true - description: 'Navigation list description' - links: - - label: 'Child 1' - url: 'http://example.com/child1' - is_external: true - - label: 'Child 2' - url: 'http://example.com/child2' - - label: 'Child 3' - url: 'http://example.com/child3' - secondary_links: - - label: 'Secondary Link 1' - url: 'http://example.com/secondary1' - is_external: true - - label: 'Secondary Link 2' - url: 'http://example.com/secondary2' - border: true - image: - src: "https://placeimg.com/1000/500/arch" - alt: "Alternative text for image" - assertions: - equals: - 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"] .ecl-link__label': 'Navigation list title' - 'div.ecl-content-block__description': 'Navigation list description' - '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"] .ecl-link__label': 'Child 1' - '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' - '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' - '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/secondary1"] .ecl-link__label': 'Secondary Link 1' - '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/secondary2"]': 'Secondary Link 2' - count: - .ecl-content-block.ecl-navigation-list__content-block: 1 - 'div.ecl-content-block__title a.ecl-link .ecl-icon': 1 - '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-icon': 1 - '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-icon': 0 - '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-link__label': 1 - '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-link__label': 0 - 'ul.ecl-content-block__link-list': 2 - 'li.ecl-content-block__link-item': 5 - "img.ecl-navigation-list__image[src=\"https://placeimg.com/1000/500/arch\"]": 1 - 'img.ecl-navigation-list__image[alt="Alternative text for image"]': 1 -- array: - '#type': pattern - '#id': navigation_list - '#fields': - title: 'Navigation list title' - title_url: 'http://example.com' - description: 'Navigation list description' - assertions: - equals: - 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"]': 'Navigation list title' - 'div.ecl-content-block__description': 'Navigation list description' - count: - div.ecl-content-block__title a.ecl-link .ecl-icon: 0 - .ecl-navigation-list__item.ecl-navigation-list__item--no-border: 1 - ul.ecl-content-block__link-list: 0 - li.ecl-content-block__link-item: 0 - div.ecl-navigation-list__image: 0 -- array: - '#type': pattern - '#id': navigation_list - '#fields': - title: 'Navigation list title' - links: - - label: 'Child 1' - url: 'http://example.com/child1' - - label: 'Child 2' - url: 'http://example.com/child2' - - label: 'Child 3' - url: 'http://example.com/child3' - assertions: - equals: - 'div.ecl-content-block__title': 'Navigation list title' - 'li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"]': 'Child 1' - 'li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' - 'li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' - count: - div.ecl-content-block__title a: 0 - ul.ecl-content-block__link-list: 1 - li.ecl-content-block__link-item: 3 - div.ecl-content-block__description: 0 - div.ecl-navigation-list__image: 0 -- array: - '#type': pattern - '#id': accordion - '#fields': - identifier: "id" - items: - - title: "Title 1" - body: "Body 1" - - title: "Title 2" - body: "Body 2" - assertions: - count: - '.ecl-accordion__title': 2 - '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-icon': 2 - '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-title': 2 - '.ecl-accordion__content#id-0-content': 1 - '.ecl-accordion__content#id-1-content': 1 - equals: - '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-0-content"] .ecl-accordion__toggle-title': "Title 1" - '.ecl-accordion__content#id-0-content': "Body 1" - '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-1-content"] .ecl-accordion__toggle-title': "Title 2" - '.ecl-accordion__content#id-1-content': "Body 2" -- array: - '#type': pattern - '#id': dropdown - '#fields': - button_label: "Dropdown" - links: - - label: 'Link 1' - url: 'http://example.com/1' - - label: 'Link 2' - url: 'http://example.com/2' - - label: 'Link 3' - url: 'http://example.com/3' - assertions: - count: - '.ecl-expandable__content a[href="http://example.com/1"]': 1 - '.ecl-expandable__content a[href="http://example.com/2"]': 1 - '.ecl-expandable__content a[href="http://example.com/3"]': 1 - equals: - 'button.ecl-expandable__toggle span.ecl-button__label': "Dropdown" - '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(1) a': "Link 1" - '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(2) a': "Link 2" - '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(3) a': "Link 3" -- array: - '#type': pattern - '#id': field - '#variant': default - '#fields': - label: "Field text" - body: "Field body" - assertions: - count: - '.ecl-description-list.ecl-description-list--default': 1 - '.ecl-description-list__term': 1 - '.ecl-description-list__definition': 1 - equals: - '.ecl-description-list__term': "Field text" - '.ecl-description-list__definition': "Field body" -- array: - '#type': pattern - '#id': field - '#variant': horizontal - '#fields': - label: "Field label" - body: "Field body" - assertions: - count: - '.ecl-description-list.ecl-description-list--horizontal': 1 - '.ecl-description-list__term': 1 - '.ecl-description-list__definition': 1 - equals: - '.ecl-description-list__term': "Field label" - '.ecl-description-list__definition': "Field body" -- array: - '#type': pattern - '#id': field_list - '#variant': horizontal - '#fields': - items: - - label: "When" - body: "Thursday 15 November, 08:00 AM to Friday 16 November" - - label: "Where" - body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" - - label: "Live streaming" - body: "08:00 CET | 00d:23h:35m" - assertions: - count: - '.ecl-description-list.ecl-description-list--horizontal': 1 - '.ecl-description-list__term': 3 - '.ecl-description-list__definition': 3 - equals: - '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" - '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" - '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" - '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" - '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" - '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" -- array: - '#type': pattern - '#variant': default - '#id': field_list - '#fields': - items: - - label: "When" - body: "Thursday 15 November, 08:00 AM to Friday 16 November" - - label: "Where" - body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" - - label: "Live streaming" - body: "08:00 CET | 00d:23h:35m" - assertions: - count: - '.ecl-description-list.ecl-description-list--default': 1 - '.ecl-description-list__term': 3 - '.ecl-description-list__definition': 3 - equals: - '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" - '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" - '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" - '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" - '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" - '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" -- array: - '#type': pattern - '#id': link_block - '#fields': - title: "Link block title" - links: - - label: 'Link 1' - url: 'http://link-1.com' - is_external: true - - label: 'Link 2' - url: 'http://link-2.com' - is_external: true - - label: 'Link 3' - url: 'http://link-3.com' - assertions: - count: - '.ecl-link-block__title': 1 - '.ecl-link-block__item': 3 - 'a.ecl-link-block__link[href="http://link-1.com"]': 1 - 'a.ecl-link-block__link[href="http://link-2.com"]': 1 - 'a.ecl-link-block__link[href="http://link-3.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': 2 - equals: - '.ecl-link-block__title h5': "Link block title" - '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link .ecl-link__label': "Link 1" - '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' - '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link .ecl-link__label': "Link 2" - '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' - '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" -- array: - '#type': pattern - '#id': link_block - '#fields': - links: - - label: 'Link 1' - url: 'http://link-1.com' - - label: 'Link 2' - url: 'http://link-2.com' - - label: 'Link 3' - url: 'http://link-3.com' - assertions: - count: - '.ecl-link-block__title': 0 - '.ecl-link-block__item': 3 - 'a.ecl-link-block__link[href="http://link-1.com"]': 1 - 'a.ecl-link-block__link[href="http://link-2.com"]': 1 - 'a.ecl-link-block__link[href="http://link-3.com"]': 1 - equals: - '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link': "Link 1" - '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link': "Link 2" - '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" -- array: - '#type': pattern - '#id': blockquote - '#fields': - body: "Quote text" - author: "Quote author" - assertions: - count: - 'img.ecl-blockquote__image': 0 - equals: - '.ecl-blockquote__author': "Quote author" - '.ecl-blockquote__citation': "Quote text" -- array: - '#type': pattern - '#id': blockquote - '#fields': - body: "Quote text" - author: "Quote author" - image: - src: "http://via.placeholder.com/120x80" - alt: "Alternative of image" - assertions: - count: - 'img.ecl-blockquote__image[src="http://via.placeholder.com/120x80"]': 1 - 'img.ecl-blockquote__image[alt="Alternative of image"]': 1 - equals: - '.ecl-blockquote__author': "Quote author" - '.ecl-blockquote__citation': "Quote text" -- array: - '#type': pattern - '#id': context_nav - '#fields': - label: "Navigation title" - items: - - href: "http://link-1.com" - label: "Item one" - is_external: true - - href: "http://link-2.com" - label: "Item two" - - href: "http://link-3.com" - label: "Item three" - is_external: true - - href: "http://link-4.com" - label: "Item four" - - href: "http://link-5.com" - label: "Item five" - is_external: true - limit: 4 - more_label: "More label" - assertions: - count: - "nav.ecl-contextual-navigation[aria-labelledby=\"nav-label\"][data-ecl-contextual-navigation]": 1 - 'li.ecl-contextual-navigation__item': 6 - 'li.ecl-contextual-navigation__item--collapsed': 1 - 'li.ecl-contextual-navigation__item--more': 1 - 'span.ecl-link__label': 3 - equals: - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] span.ecl-link__label': "Item one" - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-2.com"]': "Item two" - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] span.ecl-link__label': "Item three" - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-4.com"]': "Item four" - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] span.ecl-link__label': "Item five" - 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' - 'div#nav-label.ecl-contextual-navigation__label': "Navigation title" - 'button.ecl-contextual-navigation__more .ecl-button__label': "More label" -- array: - '#type': pattern - '#id': button - '#variant': default - '#fields': - label: "Button label" - href: "http://example.com" - icon: "caret-right" - icon_position: "before" - type_attribute: "default" - assertions: - count: - 'a.ecl-link--standalone.ecl-link--icon svg': 1 - equals: - 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" - 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': '' -- array: - '#type': pattern - '#id': button - '#variant': default - '#fields': - label: "Button label" - href: "http://example.com" - icon: "caret-right" - icon_position: "before" - type_attribute: "default" - external_link: true - assertions: - count: - 'a.ecl-link--standalone.ecl-link--icon svg': 1 - equals: - 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" - 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -- array: - '#type': pattern - '#id': button - '#variant': default - '#fields': - label: "Button label" - href: "http://example.com" - type_attribute: "standalone" - external_link: true - assertions: - count: - 'a.ecl-link--icon': 1 - equals: - 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" - 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -- array: - '#type': pattern - '#id': button - '#fields': - type_attribute: "submit" - label: "Button label" - assertions: - count: - 'button.ecl-button--primary': 1 - 'button.ecl-button[type="submit"]': 1 - equals: - 'button.ecl-button--primary': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': secondary - '#fields': - type_attribute: "submit" - label: "Button label" - assertions: - count: - 'button.ecl-button--secondary': 1 - 'button.ecl-button[type="submit"]': 1 - equals: - 'button.ecl-button--secondary': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': primary - '#fields': - type_attribute: "reset" - label: "Button label" - assertions: - count: - 'button.ecl-button[type="reset"]': 1 -- array: - '#type': pattern - '#id': button - '#variant': primary - '#fields': - type_attribute: "button" - is_block: true - label: "Button label" - assertions: - count: - 'button.ecl-button[type="button"]': 1 -- array: - '#type': pattern - '#id': button - '#variant': secondary - '#fields': - label: "Button label" - assertions: - equals: - 'button.ecl-button--secondary': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': ghost - '#fields': - label: "Button label" - assertions: - equals: - 'button.ecl-button--ghost': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': search - '#fields': - label: "Button label" - assertions: - equals: - 'button.ecl-button--search': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': call - '#fields': - label: "Button label" - assertions: - equals: - 'button.ecl-button--call': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': form - '#fields': - label: "Button label" - assertions: - equals: - 'button.ecl-button--form': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': form_primary - '#fields': - label: "Button label" - assertions: - equals: - 'button.ecl-button--form-primary': "Button label" -- array: - '#type': pattern - '#id': button - '#variant': splash_page - '#fields': - label: "Button label" - assertions: - equals: - 'button.ecl-button--splash-page': "Button label" -- array: - '#type': pattern - '#id': social_media_links_vertical - '#fields': - title: "View European Commission on:" - links: - - service: "facebook" - label: "Facebook" - url: "http://facebook.com" - - service: "twitter" - label: "Twitter" - url: "http://twitter.com" - - service: "instagram" - label: "Instagram" - url: "http://instagram.com" - assertions: - count: - 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 - 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 - 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 - equals: - '.ecl-social-media-follow--vertical > p.ecl-social-media-follow__description': "View European Commission on:" - 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" - 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" - 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" -- array: - '#type': pattern - '#id': social_media_links_horizontal - '#fields': - title: "View European Commission on:" - links: - - service: "facebook" - label: "Facebook" - url: "http://facebook.com" - - service: "twitter" - label: "Twitter" - url: "http://twitter.com" - - service: "instagram" - label: "Instagram" - url: "http://instagram.com" - assertions: - assertions: - count: - 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 - 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 - 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 - equals: - '.ecl-social-media-follow > p.ecl-social-media-follow__description': "View European Commission on:" - 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" - 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" - 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" -- array: - '#type': pattern - '#id': social_icon - '#fields': - service: "facebook" - label: "Facebook" - url: "http://facebook.com" - assertions: - count: - 'a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://facebook.com"]': 1 - 'svg.ecl-link__icon': 1 - equals: - 'a.ecl-link.ecl-link--standalone.ecl-link--icon span.ecl-link__label': "Facebook" -- array: - '#type': pattern - '#id': featured_item - '#variant': "default" - '#fields': - title: "Example title" - assertions: - count: - "img.ecl-card__image": 0 - 'div.ecl-content-block__title': 1 - 'div.ecl-content-block__description': 0 - 'ul.ecl-content-block__secondary-meta-container': 0 - 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 - 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 - equals: - 'div.ecl-content-block__title': "Example title" -- array: - '#type': pattern - '#id': featured_item - '#variant': "extended" - '#fields': - title: "Example title" - assertions: - count: - "div.ecl-card__image": 0 - 'div.ecl-content-block__title': 1 - 'div.ecl-content-block__description': 0 - 'ul.ecl-content-block__secondary-meta-container': 0 - 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 - 'span.ecl-button__container a.ecl-button .ecl-button__label': 0 - 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 - equals: - 'div.ecl-content-block__title': "Example title" -- array: - '#type': pattern - '#id': featured_item - '#variant': "default" - '#fields': - title: "Example title" - description: "Example description" - image: - src: "http://via.placeholder.com/120x80" - alt: "Alternative of image" - metas: - - "Breaking news article" - - "Brussels" - link: - href: "https://example.com" - label: "Link title" - badges: - - label: "Highlighted" - variant: "highlight" - - label: "Status: Open" - variant: "high" - assertions: - count: - "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 - 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 - 'article.ecl-card picture[data-ecl-picture-link]': 1 - 'a.ecl-button': 0 - 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 - 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 - 'ul.ecl-content-block__primary-meta-container': 1 - equals: - 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" - 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" - 'div.ecl-content-block__title a': "Example title" - 'div.ecl-content-block__description': "Example description" - 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" - 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" -- array: - '#type': pattern - '#id': featured_item - '#variant': "default" - '#fields': - title: "Example title" - description: "Example description" - length: 8 - image: - src: "http://via.placeholder.com/120x80" - alt: "Alternative of image" - metas: - - "Breaking news article" - - "Brussels" - link: - href: "https://example.com" - label: "Link title" - assertions: - count: - "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 - 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 - 'article.ecl-card picture[data-ecl-picture-link]': 1 - 'a.ecl-button': 0 - 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 - 'ul.ecl-content-block__primary-meta-container': 1 - equals: - 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" - 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" - 'div.ecl-content-block__title a': "Example title" - 'div.ecl-content-block__description': "Example..." -- array: - '#type': pattern - '#id': featured_item - '#variant': "default" - '#fields': - description: - '#type': pattern - '#id': blockquote - '#fields': - body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.' - author: 'John Doe' - length: 25 - assertions: - equals: - 'div.ecl-content-block__description': '

      Lorem ipsum dolor sit...

      ' -- array: - '#type': pattern - '#id': featured_item - '#variant': "default" - '#fields': - description: - '#markup': '
      Example description
      ' - length: 8 - assertions: - equals: - 'div.ecl-content-block__description': '
      Example...
      ' -- array: - '#type': pattern - '#id': featured_item - '#variant': "extended" - '#fields': - title: "Example title" - description: "Example description" - link: - href: "https://example.com" - label: "Link title" - assertions: - count: - "div.ecl-card__image": 0 - 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 - 'a.ecl-button[href="https://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-button__icon.ecl-button__icon--after': 1 - equals: - 'div.ecl-content-block__title a': "Example title" - 'div.ecl-content-block__description .ecl-paragraph': "Example description" - 'a.ecl-button .ecl-button__label': "Link title" - 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon.ecl-button__icon--after': '' -- array: - '#type': pattern - '#id': featured_item - '#variant': "extended" - '#fields': - title: "Example title" - description: "Example description" - link: - href: "https://example.com" - label: "Link title" - external_link: true - assertions: - count: - "div.ecl-card__image": 0 - 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link--icon[href="https://example.com"]': 1 - 'a.ecl-button[href="https://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon': 1 - equals: - 'div.ecl-content-block__title a span.ecl-link__label': "Example title" - 'div.ecl-content-block__description .ecl-paragraph': "Example description" - 'a.ecl-button .ecl-button__label': "Link title" - 'div.ecl-content-block__title a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' - '.ecl-content-block__description svg.ecl-icon.ecl-icon--xs.ecl-button__icon': '' -- array: - '#type': pattern - '#id': featured_item - '#variant': "default" - '#fields': - title: "Example title" - description: "Example description" - footer_items: - - icon: "calendar" - text: "15-16 November 2019, 08:00 AM" - - icon: "location" - text: "Brussels, Belgium" - assertions: - count: - 'ul.ecl-content-block__secondary-meta-container': 1 - 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 - equals: - 'li.ecl-content-block__secondary-meta-item:nth-child(1)' : '15-16 November 2019, 08:00 AM' - 'li.ecl-content-block__secondary-meta-item:nth-child(2)' : 'Brussels, Belgium' -- array: - '#type': pattern - '#id': timeline - '#fields': - limit: 2 - limit_to: 4 - items: - - - label: "13 September 2017" - title: "Item 1" - body: - '#markup': 'Economic and Monetary Union package of proposals' - - - label: "28-29 September 2017" - title: "Item 2" - body: "Lorem Ipsum 2" - - - body: "Lorem Ipsum 3" - - - body: "Lorem Ipsum 4" - - - body: "Lorem Ipsum 5" - - - label: "6 February 2018" - title: "Item 6" - body: "Lorem Ipsum 6" - assertions: - count: - 'h2.ecl-u-type-heading-2': 0 - 'div.ecl.ecl-u-mb-m': 0 - 'ol.ecl-timeline': 1 - 'li.ecl-timeline__item': 7 - '.ecl-timeline__item.ecl-timeline__item--toggle': 1 - '.ecl-timeline__item.ecl-timeline__item--collapsed': 2 - '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 - '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 - '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': 0 - equals: - '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" - '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" - '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" - '.ecl-timeline__item:nth-child(5) .ecl-timeline__toggle .ecl-button__label': "Show 2 more items" - '.ecl-timeline__item:nth-child(7) .ecl-timeline__title': "Item 6" - '.ecl-timeline__item:nth-child(7) .ecl-timeline__label': "6 February 2018" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' - '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' - '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' - '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' - '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 5' - '.ecl-timeline__item:nth-child(7) .ecl-timeline__content': 'Lorem Ipsum 6' -- array: - '#type': pattern - '#id': timeline - '#fields': - items: - - - title: "Item 1" - body: "Lorem Ipsum 1" - - - title: "Item 2" - body: "Lorem Ipsum 2" - - - title: "Item 3" - body: "Lorem Ipsum 3" - - - title: "Item 4" - body: "Lorem Ipsum 4" - - - title: "Item 5" - body: "Lorem Ipsum 5" - - - title: "Item 6" - body: "Lorem Ipsum 6" - assertions: - count: - 'h2.ecl-u-type-heading-2': 0 - 'div.ecl.ecl-u-mb-m': 0 - 'ol.ecl-timeline': 1 - 'li.ecl-timeline__item': 6 - '.ecl-timeline__item.ecl-timeline__item--toggle': 0 - '.ecl-timeline__item.ecl-timeline__item--collapsed': 0 - equals: - '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" - '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" - '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': "Item 3" - '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': "Item 4" - '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': "Item 5" - '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Lorem Ipsum 1' - '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' - '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' - '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' - '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' - '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' -- array: - '#type': pattern - '#id': timeline - '#fields': - limit: 2 - button_label: 'Show all timelines' - items: - - - label: "13 September 2017" - title: "Item 1" - body: - '#markup': 'Economic and Monetary Union package of proposals' - - - label: "28-29 September 2017" - title: "Item 2" - body: "Lorem Ipsum 2" - - - body: "Lorem Ipsum 3" - - - body: "Lorem Ipsum 4" - - - body: "Lorem Ipsum 5" - - - label: "6 February 2018" - title: "Item 6" - body: "Lorem Ipsum 6" - assertions: - count: - 'h2.ecl-u-type-heading-2': 0 - 'div.ecl.ecl-u-mb-m': 0 - 'ol.ecl-timeline': 1 - 'li.ecl-timeline__item': 7 - '.ecl-timeline__item.ecl-timeline__item--toggle': 1 - '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 - '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 - '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 - '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 - equals: - '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" - '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" - '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" - '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" - '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" - '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show all timelines" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' - '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' - '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' - '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' - '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' - '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' -- array: - '#type': pattern - '#id': timeline - '#fields': - title: "Timeline heading" - introduction: "Timeline introduction" - limit: 2 - items: - - - label: "13 September 2017" - title: "Item 1" - body: - '#markup': 'Economic and Monetary Union package of proposals' - - - label: "28-29 September 2017" - title: "Item 2" - body: "Lorem Ipsum 2" - - - body: "Lorem Ipsum 3" - - - body: "Lorem Ipsum 4" - - - body: "Lorem Ipsum 5" - - - label: "6 February 2018" - title: "Item 6" - body: "Lorem Ipsum 6" - assertions: - count: - 'h2.ecl-u-type-heading-2': 1 - 'div.ecl.ecl-u-mb-m': 1 - 'ol.ecl-timeline': 1 - 'li.ecl-timeline__item': 7 - '.ecl-timeline__item.ecl-timeline__item--toggle': 1 - '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 - '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 - '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 - '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 - equals: - 'h2.ecl-u-type-heading-2': "Timeline heading" - 'div.ecl.ecl-u-mb-m': "Timeline introduction" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" - '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" - '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" - '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" - '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" - '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show 4 more items" - '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' - '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' - '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' - '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' - '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' - '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' -- array: - '#type': pattern - '#id': text_featured_media - '#variant': "left_simple" - '#fields': - title: "Heading" - text_title: "Title" - image: - src: "http://via.placeholder.com/150x150" - caption: "Some caption text for the image" - text: "Some more text" - link: - label: "Call to action" - path: "http://example.com" - highlighted: false - assertions: - count: - 'article.ecl-featured-item.ecl-featured-item--highlight': 0 - 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 - 'div.ecl-featured-item__item': 2 - 'div.ecl-featured-item__title': 1 - '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 - 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 - 'iframe': 0 - 'figcaption.ecl-media-container__caption': 1 - 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 - 'div.ecl-expandable.ecl-media-container__expandable': 0 - equals: - 'h2.ecl-u-type-heading-2': "Heading" - 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" - 'figcaption.ecl-media-container__caption': "Some caption text for the image" - 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" - 'a.ecl-link span.ecl-link__label': "Call to action" - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' -- array: - '#type': pattern - '#id': text_featured_media - '#variant': "right_simple" - '#fields': - text_title: "Title" - image: - src: "http://via.placeholder.com/150x150" - caption: "Some caption text for the image" - text: "Some more text" - link: - label: "Call to action" - path: "https://european-union.europa.eu/index_en" - highlighted: true - expandable: - content: - '#markup': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " - assertions: - count: - 'article.ecl-featured-item.ecl-featured-item--highlight': 1 - 'h2.ecl-u-type-heading-2': 0 - 'div.ecl-featured-item__container': 1 - 'div.ecl-featured-item__title': 1 - '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 - 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 - 'iframe': 0 - 'figcaption.ecl-media-container__caption': 1 - 'a.ecl-link.ecl-link--standalone[href="https://european-union.europa.eu/index_en"]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 - 'div.ecl-expandable.ecl-media-container__expandable': 1 - 'button[data-ecl-label-expanded="Expanded"][data-ecl-label-collapsed="Collapsed"]': 1 - equals: - 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" - 'figcaption.ecl-media-container__caption': "Some caption text for the image" - 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" - 'a.ecl-link span.ecl-link__label': "Call to action" - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' - 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' - 'div.ecl-expandable__content': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " -- array: - '#type': pattern - '#id': text_featured_media - '#variant': "right_simple" - '#fields': - title: "Heading" - image: - src: "http://via.placeholder.com/150x150" - caption: "Some caption text for the image" - text: "Some more text" - link: - label: "Call to action" - path: "http://example.com" - highlighted: true - expandable: - hidden: false - label_expanded: "Expand" - label_collapsed: "Collapse" - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." - assertions: - count: - 'article.ecl-featured-item.ecl-featured-item--highlight': 1 - 'h2.ecl-u-type-heading-2': 1 - 'div.ecl-featured-item__container': 1 - 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 0 - '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 - 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 - 'iframe': 0 - 'figcaption.ecl-media-container__caption': 1 - 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 - 'div.ecl-expandable.ecl-media-container__expandable': 1 - 'button[data-ecl-label-expanded="Expand"][data-ecl-label-collapsed="Collapse"]': 1 - equals: - 'h2.ecl-u-type-heading-2': "Heading" - 'figcaption.ecl-media-container__caption': "Some caption text for the image" - 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" - 'a.ecl-link span.ecl-link__label': "Call to action" - 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' - 'div.ecl-expandable__content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." -- array: - '#type': pattern - '#id': text_featured_media - '#fields': - title: "Heading" - text_title: "Title" - caption: "Some caption text for the image" - text: "Some more text" - expandable: - id: 'text-featured-media-1' - hidden: true - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." - assertions: - count: - 'article.ecl-featured-item.ecl-featured-item--highlight': 0 - 'div.ecl-featured-item__container': 1 - 'div.ecl-col-md-6': 0 - 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 - '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 - 'div.ecl-featured-item__item.ecl': 0 - 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 - 'iframe': 0 - 'figcaption.ecl-media-container__caption': 0 - 'a.ecl-link': 0 - 'div.ecl-expandable.ecl-media-container__expandable': 0 - 'div#text-featured-media-1.text-featured-media-hidden-content': 1 - equals: - 'h2.ecl-u-type-heading-2': "Heading" - 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" - 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" - 'div#text-featured-media-1.text-featured-media-hidden-content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." -- array: - '#type': pattern - '#id': text_featured_media - '#variant': "right_featured" - '#fields': - title: "Heading" - text_title: "Title" - image: - src: "http://via.placeholder.com/150x150" - text: "Some more text" - link: - label: "Call to action" - path: "http://example.com" - assertions: - count: - 'article.ecl-featured-item.ecl-featured-item--highlight': 0 - 'div.ecl-featured-item__container': 1 - 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 - '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 - 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 - 'iframe': 0 - 'figcaption.ecl-media-container__caption': 0 - 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 - 'div.ecl-expandable.ecl-media-container__expandable': 0 - equals: - 'h2.ecl-u-type-heading-2': "Heading" - 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" - 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" - 'a.ecl-link span.ecl-link__label': "Call to action" -- array: - '#type': pattern - '#id': text_featured_media - '#fields': - title: "Heading" - caption: "Some caption" - assertions: - count: - 'article.ecl-featured-item.ecl-featured-item--highlight': 0 - 'article.ecl-featured-item': 1 - 'div.ecl-featured-item__container': 1 - '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 - 'div.ecl-col-md-6.ecl-u-mb-m.ecl-u-mb-md-none': 0 - 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 - 'iframe': 0 - 'figcaption.ecl-media-container__caption': 0 - 'h2.ecl-u-type-heading-2': 1 - 'a.ecl-link': 0 - 'div.ecl-expandable.ecl-media-container__expandable': 0 - equals: - 'h2.ecl-u-type-heading-2': "Heading" -- array: - '#type': pattern - '#id': text_featured_media - '#variant': "left_featured" - '#fields': - title: "Heading" - video: - '#type': 'html_tag' - '#tag': 'iframe' - '#attributes': - id: 'videoplayerI-181645' - src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' - text: "Some more text" - link: - label: "Call to action" - path: "http://example.com" - assertions: - count: - 'article.ecl-featured-item.ecl-featured-item--highlight': 0 - 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 - '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 - 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 - 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 - 'figcaption.ecl-media-container__caption': 0 - 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 - equals: - 'h2.ecl-u-type-heading-2': "Heading" - 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" - 'a.ecl-link span.ecl-link__label': "Call to action" -- array: - '#type': pattern - '#id': text_featured_media - '#fields': - video: - '#type': 'html_tag' - '#tag': 'iframe' - '#attributes': - id: 'videoplayerI-181645' - src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' - video_ratio: "invalid" - assertions: - count: - 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 - 'div.ecl-expandable.ecl-media-container__expandable': 0 -- array: - '#type': pattern - '#id': text_featured_media - '#fields': - video: - '#type': 'html_tag' - '#tag': 'iframe' - '#attributes': - id: 'videoplayerI-181645' - src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' - video_ratio: "1:1" - link: - label: "Call to action" - path: "http://example.com" - assertions: - count: - 'div.ecl-media-container__media--ratio-1-1 iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 - 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 - 'div.ecl-expandable.ecl-media-container__expandable': 0 -- array: - '#type': pattern - '#id': icons_with_text - '#fields': - items: - - - icon: "file" - text: "Culture | Innovation" - - - icon: "calendar" - size: "s" - text: "15-16 November 2019, 08:00 AM" - - - icon: "location" - text: "Brussels, Belgium" - - - icon: "livestreaming" - size: "xs" - text: "Live streaming available" - assertions: - count: - 'ul.ecl-unordered-list--no-bullet': 1 - 'ul li.ecl-unordered-list__item': 4 - 'ul li.ecl-unordered-list__item svg': 4 - equals: - 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' - 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' - 'ul li.ecl-unordered-list__item:nth-child(3)': 'Brussels, Belgium' - 'ul li.ecl-unordered-list__item:nth-child(4)': 'Live streaming available' -- array: - '#type': pattern - '#id': icons_with_text - assertions: - count: - 'ul.ecl-unordered-list--no-bullet': 0 -- array: - '#type': pattern - '#id': icons_with_text - '#fields': - items: - - - icon: "file" - text: "Culture | Innovation" - - - text: "15-16 November 2019, 08:00 AM" - - - icon: "location" - - - icon: "livestreaming" - text: "Live streaming available" - assertions: - count: - 'ul.ecl-unordered-list--no-bullet': 1 - 'ul li.ecl-unordered-list__item': 3 - 'ul li.ecl-unordered-list__item svg': 3 - equals: - 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' - 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' - 'ul li.ecl-unordered-list__item:nth-child(3)': 'Live streaming available' -- array: - '#type': "pattern" - '#id': "tag" - '#variant': "default" - '#fields': - tag_type: "link" - url: "http://example.com" - label: "Tag label" - assertions: - equals: - 'a.ecl-tag': "Tag label" - count: - 'a.ecl-tag[href="http://example.com"]': 1 -- array: - '#type': "pattern" - '#id': "tag" - '#variant': "default" - '#fields': - tag_type: "removable" - url: "http://example.com" - label: "Tag label" - assertions: - contains: - '.ecl-tag': "Tag label" - count: - '.ecl-tag--removable': 1 -- array: - '#type': "pattern" - '#id': "navigation_menu" - '#variant': "vertical" - '#fields': - label: "Menu" - site_name: "Site name" - items: - - href: "#" - label: 'Parent 1' - children: - - href: '#' - label: 'Child 1.1' - is_current: true - external: true - - href: '#' - label: 'Child 1.2' - - href: '#' - label: 'Child 1.3' - external: true - - href: '#' - label: 'Child 1.4' - - href: "#" - label: "Parent 2" - children: - - href: '#' - label: 'Child 2.1' - - href: '#' - label: 'Child 2.2' - - href: '#' - label: 'Child 2.3' - external: true - - href: "#" - label: "Link" - assertions: - count: - "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"2\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 - "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 - "li.ecl-menu__item:nth-child(2) button[aria-label=\"Access item's children\"]": 1 - "div.ecl-container.ecl-menu__container section.ecl-menu__inner[data-ecl-menu-inner]": 1 - "a.ecl-link--standalone.ecl-button.ecl-button--tertiary.ecl-menu__open.ecl-link--icon-only": 1 - equals: - 'a.ecl-menu__open.ecl-link--icon-only span.ecl-link__label': 'Menu' - '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" - '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" - 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(1) a.ecl-menu__link': "Parent 1" - 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(2) a.ecl-menu__link': "Parent 2" - 'li.ecl-menu__item:not(ecl-menu__item--has-children):nth-child(3) a.ecl-menu__link': "Link" - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.1' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.3' - 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 2.3' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' - 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 2.1' - 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 2.2' - 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' - 'li.ecl-menu__item:nth-child(3) a.ecl-menu__link': "Link" -- array: - '#type': "pattern" - '#id': "navigation_menu" - '#variant': "vertical" - '#fields': - label: "Custom Menu" - max_lines: 3 - items: - - href: "#" - label: 'Parent 1' - children: - - href: '#' - label: 'Child 1.1' - - href: '#' - label: 'Child 1.2' - - href: '#' - label: 'Child 1.3' - - href: '#' - label: 'Child 1.4' - - href: '#' - label: 'Child 1.5' - - href: '#' - label: 'Child 1.6' - - href: '#' - label: 'Child 1.7' - - href: '#' - label: 'Child 1.8' - assertions: - count: - "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"3\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 - "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 - equals: - '.ecl-menu__open .ecl-link__label': "Custom Menu" - '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" - '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" - 'li.ecl-menu__item:nth-child(1) a.ecl-menu__link': "Parent 1" - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 1.1' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink': 'Child 1.3' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(5) a.ecl-menu__sublink': 'Child 1.5' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(6) a.ecl-menu__sublink': 'Child 1.6' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(7) a.ecl-menu__sublink': 'Child 1.7' - 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(8) a.ecl-menu__sublink': 'Child 1.8' -- array: - '#type': 'pattern' - '#id': 'link' - '#fields': - url: '/' - text: 'Link text' - assertions: - equals: - 'a.ecl-link.ecl-link--standalone': 'Link text' - count: - 'a.ecl-link[href="/"]': 1 -- array: - '#type': 'pattern' - '#id': 'link' - '#fields': - url: '/' - text: 'Link text' - variant: 'standalone' - assertions: - equals: - 'a.ecl-link.ecl-link--standalone': 'Link text' -- array: - '#type': 'pattern' - '#id': 'link' - '#fields': - url: '/' - text: 'Link text' - variant: 'cta' - assertions: - equals: - 'a.ecl-link.ecl-link--cta': 'Link text' -- array: - '#type': 'pattern' - '#id': 'facts_figures' - '#fields': - items: - - icon: 'instagram' - value: '00.0 million' - title: 'Lorem ipsum' - description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' - - icon: 'external' - value: '10.0 millions' - title: 'Nam lacinia nisl eget diam mattis' - description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' - view_all: - label: 'View all metrics' - path: 'https://example.com' - external_link: true - assertions: - count: - 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 - 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 - 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 - 'div.ecl-fact-figures__view-all': 1 - equals: - 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' - 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__value': '00.0 million' - 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__title': 'Lorem ipsum' - 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__description': 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' - 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' - 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__value': '10.0 millions' - 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__title': 'Nam lacinia nisl eget diam mattis' - 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__description': 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' - 'div.ecl-fact-figures__view-all a.ecl-link.ecl-link--standalone.ecl-link--icon.ecl-fact-figures__view-all-link[href="https://example.com"] span.ecl-link__label': 'View all metrics' - 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -- array: - '#type': 'pattern' - '#id': 'facts_figures' - '#fields': - items: - - icon: 'instagram' - value: '00.0 million' - title: 'Lorem ipsum' - description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' - - icon: 'external' - value: '10.0 millions' - title: 'Nam lacinia nisl eget diam mattis' - description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' - assertions: - count: - 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 - 'div.ecl-fact-figures__view-all': 0 -- array: - '#type': 'pattern' - '#id': 'active_search_filters' - '#fields': - name: 'Source' - items: - - label: 'DG Trad' - url: 'http://dg-trad.com' - - label: 'Health, well-being & Consumer protection' - url: 'http://health.com' - - label: 'No link' - url: '' - assertions: - count: - 'div.active-search-filters.ecl-u-d-m-flex': 1 - 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 1 - 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 1 - 'span.ecl-tag__icon': 2 - 'svg.ecl-icon.ecl-icon--xs.ecl-tag__icon-close-filled': 2 - contains: - 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 'DG Trad' - 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 'Health, well-being & Consumer protection' - 'div.ecl-u-mr-xs.ecl-u-mt-s.ecl-tag.ecl-tag--removable': 'No link' - equals: - 'div.active-search-filters__name span': 'Source' -- array: - '#type': 'pattern' - '#id': 'list_with_illustration' - '#fields': - square_image: false - zebra: true - column: 1 - items: - - title: "Business, Economy, Euro" - description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - image: - src: "https://placeimg.com/1000/500/arch" - alt: "Alternative text for featured item image 1" - - title: "About the European Union" - description: "The EU and its institutions, how to visit and work at the EU." - image: - src: "https://placeimg.com/500/500/arch" - alt: "Alternative text for featured item image 2" - assertions: - count: - div.ecl-list-illustration: 1 - div.ecl-list-illustration.ecl-list-illustration--centered: 0 - div.ecl-list-illustration.ecl-list-illustration--zebra: 1 - div.ecl-list-illustration__item: 2 - div.ecl-list-illustration__value: 0 - img.ecl-list-illustration__image: 2 - img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 - img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--m: 0 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 - contains: - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -- array: - '#type': 'pattern' - '#id': 'list_with_illustration' - '#fields': - square_image: true - zebra: true - column: 1 - centered: true - items: - - title: "Business, Economy, Euro" - description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - image: - src: "https://placeimg.com/1000/500/arch" - alt: "Alternative text for featured item image 1" - media_size: 'l' - - title: "About the European Union" - description: "The EU and its institutions, how to visit and work at the EU." - image: - src: "https://placeimg.com/500/500/arch" - alt: "Alternative text for featured item image 2" - value: 'Highlighted image' - media_size: 'l' - assertions: - count: - div.ecl-list-illustration: 1 - div.ecl-list-illustration.ecl-list-illustration--zebra: 1 - div.ecl-list-illustration__item: 2 - img.ecl-list-illustration__image: 2 - div.ecl-list-illustration__value: 1 - img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--l: 2 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 - 'div.ecl-list-illustration__item svg.ecl-icon': 0 - contains: - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__value': 'Highlighted image' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -- array: - '#type': 'pattern' - '#id': 'list_with_illustration' - '#fields': - square_image: false - zebra: false - column: 1 - items: - - title: "Business, Economy, Euro" - description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - icon: "growth" - - title: "About the European Union" - description: "The EU and its institutions, how to visit and work at the EU." - icon: "budget" - assertions: - count: - div.ecl-list-illustration: 1 - div.ecl-list-illustration.ecl-list-illustration--centered: 0 - div.ecl-list-illustration.ecl-list-illustration--zebra: 0 - div.ecl-list-illustration__item: 2 - img.ecl-list-illustration__image: 0 - contains: - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' - equals: - 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' - 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' -- array: - '#type': 'pattern' - '#id': 'list_with_illustration' - '#fields': - square_image: false - zebra: true - column: 2 - items: - - title: "Business, Economy, Euro" - description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - image: - src: "https://placeimg.com/1000/500/arch" - alt: "Alternative text for featured item image 1" - - title: "About the European Union" - description: "The EU and its institutions, how to visit and work at the EU." - image: - src: "https://placeimg.com/500/500/arch" - alt: "Alternative text for featured item image 2" - assertions: - count: - div.ecl-list-illustration: 1 - div.ecl-list-illustration.ecl-list-illustration--centered: 0 - div.ecl-list-illustration.ecl-list-illustration--zebra: 0 - div.ecl-list-illustration.ecl-list-illustration--col-2: 1 - div.ecl-list-illustration__item: 2 - img.ecl-list-illustration__image: 2 - img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 - contains: - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -- array: - '#type': 'pattern' - '#id': 'list_with_illustration' - '#fields': - square_image: true - column: 3 - centered: true - items: - - title: "Business, Economy, Euro" - description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - image: - src: "https://placeimg.com/1000/500/arch" - alt: "Alternative text for featured item image 1" - media_size: 's' - - title: "About the European Union" - description: "The EU and its institutions, how to visit and work at the EU." - image: - src: "https://placeimg.com/500/500/arch" - alt: "Alternative text for featured item image 2" - media_size: 's' - assertions: - count: - div.ecl-list-illustration: 1 - div.ecl-list-illustration.ecl-list-illustration--centered: 1 - div.ecl-list-illustration.ecl-list-illustration--col-3: 1 - div.ecl-list-illustration__item: 2 - img.ecl-list-illustration__image: 2 - img.ecl-list-illustration__image.ecl-list-illustration__image--square: 2 - img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--s: 2 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 - img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 - img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 - contains: - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -- array: - '#type': 'pattern' - '#id': 'list_with_illustration' - '#fields': - square_image: false - column: 2 - items: - - title: "Business, Economy, Euro" - description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." - icon: "growth" - - title: "About the European Union" - description: "The EU and its institutions, how to visit and work at the EU." - icon: "budget" - assertions: - count: - div.ecl-list-illustration: 1 - div.ecl-list-illustration.ecl-list-illustration--col-2: 1 - div.ecl-list-illustration__item: 2 - img.ecl-list-illustration__image: 0 - contains: - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' - 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' - 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' - equals: - 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' - 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' -- array: - '#type': 'pattern' - '#id': 'news_ticker' - '#fields': - identifier: "news-ticker-example" - items: - - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" - link: "http://example.com" - external_link: TRUE - - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" - - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" - link: "http://example.com" - - content: "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" - - content: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" - link: "http://example.com" - external_link: TRUE - - content: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" - link: "http://example.com" - assertions: - count: - div.ecl-news-ticker: 1 - div.ecl-news-ticker__container: 1 - div.ecl-news-ticker__content: 1 - ul#news-ticker-example-content.ecl-news-ticker__slides: 1 - li.ecl-news-ticker__slide: 6 - a.ecl-link.ecl-news-ticker__slide-text: 4 - div.ecl-news-ticker__counter: 1 - div.ecl-news-ticker__controls: 1 - contains: - li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" - li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" - li.ecl-news-ticker__slide:nth-child(3) a.ecl-linkecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" - li.ecl-news-ticker__slide:nth-child(4): "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" - li.ecl-news-ticker__slide:nth-child(5) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" - li.ecl-news-ticker__slide:nth-child(6) a.ecl-link.ecl-news-ticker__slide-text: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" - equals: - li.ecl-news-ticker__slide:nth-child(1) a svg.ecl-link__icon: '' - li.ecl-news-ticker__slide:nth-child(5) a svg.ecl-link__icon: '' - svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' - div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: '1' - div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '6' - button.ecl-news-ticker__prev span.ecl-button__label: 'Previous news item' - button.ecl-news-ticker__next span.ecl-button__label: 'Next news item' - button.ecl-news-ticker__pause span.ecl-button__label: 'Pause news ticker' - button.ecl-news-ticker__play span.ecl-button__label: 'Play news ticker' -- array: - '#type': 'pattern' - '#id': 'news_ticker' - '#fields': - items: - - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" - link: "http://example.com" - - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" - - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" - link: "http://example.com" - counter_label: "in" - assertions: - count: - div.ecl-news-ticker: 1 - div.ecl-news-ticker__container: 1 - div.ecl-news-ticker__content: 1 - ul.ecl-news-ticker__slides: 1 - li.ecl-news-ticker__slide: 3 - a.ecl-link.ecl-news-ticker__slide-text: 2 - div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: 1 - div.ecl-news-ticker__controls: 1 - contains: - li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" - li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" - li.ecl-news-ticker__slide:nth-child(3) a.ecl-link.ecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" - div.ecl-news-ticker__counter: '1 in' - equals: - svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' - div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '3' -- array: - '#type': 'pattern' - '#id': 'carousel' - '#fields': - items: - - title: "Lorem ipsum dolor sit amet" - description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" - url: "https://example.com" - url_text: "CTA 1" - image: "https://picsum.photos/seed/picsum/600/300" - variant: "text-box" - centered: false - credit: "© Copyright first item" - - title: "Duis vitae pulvinar turpis" - description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" - url: "https://example.com" - url_text: "CTA 2" - image: "https://picsum.photos/seed/picsum/600/300" - variant: "text-overlay" - - title: "Donec maximus pharetra ex a ultricies" - description: "Integer quis lorem tellus." - url: "https://example.com" - url_text: "CTA 3" - - title: "Donec maximus pharetra" - centered: false - - title: "Lorem ipsum dolor sit amet" - description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" - image: "https://picsum.photos/seed/picsum/600/300" - variant: "text-box" - centered: true - - title: "Duis vitae pulvinar turpis" - url: "https://example.com" - url_text: "CTA 4" - image: "https://picsum.photos/seed/picsum/600/300" - variant: "text-overlay" - centered: false - assertions: - count: - section.ecl-carousel.ecl-carousel--full-width: 0 - section.ecl-carousel: 1 - div.ecl-carousel__container: 1 - div.ecl-carousel__slides: 1 - div.ecl-carousel__slide: 6 - div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-box: 2 - div.ecl-carousel__slide section.ecl-banner.ecl-banner.ecl-banner--text-box.ecl-banner--centered: 1 - div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay: 2 - div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered: 1 - div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background: 2 - div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background.ecl-banner--centered: 1 - div.ecl-carousel__controls: 1 - section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 - section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 - section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 - section.ecl-banner--text-overlay.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 - div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__title: 2 - div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content p.ecl-banner__description: 1 - div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__cta: 1 - equals: - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 1' - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) footer.ecl-banner__credit small: '© Copyright first item' - div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' - div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' - div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 2' - div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra ex a ultricies' - div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus.' - div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 3' - div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra' - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' - div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' - div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 4' - button.ecl-carousel__navigation-item:nth-child(1): '1' - button.ecl-carousel__navigation-item:nth-child(2): '2' - button.ecl-carousel__navigation-item:nth-child(3): '3' - button.ecl-carousel__navigation-item:nth-child(4): '4' - button.ecl-carousel__navigation-item:nth-child(5): '5' - button.ecl-carousel__navigation-item:nth-child(6): '6' -- array: - '#type': 'pattern' - '#id': 'carousel' - '#fields': - items: - - title: "Donec maximus pharetra ex a ultricies" - description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies" - url: "https://example.com" - url_text: "CTA 1" - image: "https://picsum.photos/seed/picsum/600/300" - variant: "text-box" - - title: "Lorem ipsum dolor sit amet" - description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" - url: "https://example.com" - url_text: "CTA 2" - variant: "plain-background" - centered: false - - title: "Duis vitae pulvinar turpis" - description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" - url: "https://example.com" - url_text: "CTA 3" - variant: "plain-background" - centered: false - counter_label: 'in' - full_width: true - size: 'l' - assertions: - count: - section.ecl-carousel.ecl-carousel--full-width: 1 - div.ecl-carousel__slide: 3 - div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--text-box.ecl-banner--centered: 1 - div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--plain-background: 2 - section.ecl-banner--text-box.ecl-banner--l picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 - contains: - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title: 'Donec maximus pharetra ex a ultricies' - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies' - div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 1' - div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Lorem ipsum dolor sit amet' - div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' - div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 2' - div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Duis vitae pulvinar turpis' - div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' - div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 3' - div.ecl-carousel__pagination: 'in 3' +#- array: +# '#type': pattern +# '#id': banner +# '#variant': "text_box" +# '#fields': +# image: +# src: "http://via.placeholder.com/150x150" +# title: "Banner title" +# url: "http://example.com" +# label: "Subscribe" +# description: "Banner description" +# centered: true +# credit: "© Copyright or credit" +# size: "l" +# assertions: +# count: +# 'section.ecl-banner.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered': 1 +# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 +# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 +# '.ecl-banner--full-width': 0 +# 'footer.ecl-banner__credit small': 1 +# equals: +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description +# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe +# 'footer.ecl-banner__credit small': © Copyright or credit +#- array: +# '#type': pattern +# '#id': banner +# '#fields': +# image: +# src: "http://via.placeholder.com/150x150" +# title: "Banner title" +# url: "http://example.com" +# label: "Subscribe" +# description: "Banner description" +# centered: false +# full_width: true +# credit: "© Copyright or credit" +# assertions: +# count: +# 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 +# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 +# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 +# 'footer.ecl-banner__credit small': 0 +# equals: +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description +# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe +#- array: +# '#type': pattern +# '#id': banner +# '#variant': "text_box" +# '#fields': +# title: "Banner title" +# description: "Banner description" +# url: "http://example.com" +# label: "Example" +# image: +# src: "http://via.placeholder.com/150x150" +# centered: true +# full_width: false +# size: "s" +# assertions: +# count: +# 'section.ecl-banner.ecl-banner--text-box.ecl-banner--s.ecl-banner--centered': 1 +# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 +# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 +# '.ecl-banner--full-width': 0 +# 'footer.ecl-banner__credit small': 0 +# equals: +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description +# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example +#- array: +# '#type': pattern +# '#id': banner +# '#variant': "text_overlay" +# '#fields': +# title: "Banner title" +# description: "Banner description" +# url: "http://example.com" +# label: "Example" +# image: +# src: "http://via.placeholder.com/150x150" +# centered: false +# full_width: false +# size: "l" +# assertions: +# count: +# 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered': 0 +# 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l': 1 +# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 +# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 +# '.ecl-banner--full-width': 0 +# 'footer.ecl-banner__credit small': 0 +# equals: +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description +# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example +#- array: +# '#type': pattern +# '#id': banner +# '#variant': "text_overlay" +# '#fields': +# title: "Banner title" +# description: "Banner description" +# url: "http://example.com" +# label: "Example" +# image: +# src: "http://via.placeholder.com/150x150" +# centered: true +# full_width: true +# credit: "© Copyright or credit" +# size: "l" +# assertions: +# count: +# 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered.ecl-banner--full-width': 1 +# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 +# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 +# 'footer.ecl-banner__credit small': 1 +# equals: +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description +# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example +# 'footer.ecl-banner__credit small': © Copyright or credit +#- array: +# '#type': pattern +# '#id': banner +# '#fields': +# title: "Banner title" +# description: "Banner description" +# url: "http://example.com" +# label: "Example" +# image: +# src: "http://via.placeholder.com/150x150" +# centered: false +# full_width: true +# credit: "© Copyright or credit" +# assertions: +# count: +# 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width.ecl-banner--centered': 0 +# 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 +# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 +# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 +# 'footer.ecl-banner__credit small': 0 +# equals: +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title +# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description +# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example +#- array: +# '#type': pattern +# '#id': banner_video +# '#fields': +# video: +# description: "Video caption" +# image: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" +# alt: "Jean Monnet banner." +# sources: +# - src: "https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" +# src_type: "video/mp4" +# description: "Banner description" +# assertions: +# count: +# 'section.ecl-video-banner': 1 +# 'video.ecl-media-container__media[poster="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 +# 'source[src="https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"][type="video/mp4"]': 1 +# equals: +# 'figcaption.ecl-media-container__caption': 'Video caption' +# 'p.ecl-u-type-paragraph': "Banner description" +#- array: +# '#type': pattern +# '#id': file +# '#fields': +# button_label: "Download" +# file: +# title: "File title example" +# name: "document.pdf" +# url: "http://example.com" +# mime: "application/pdf" +# size: "10000" +# language_code: "en" +# assertions: +# count: +# 'svg.ecl-file__icon': 1 +# 'a.ecl-file__download[href="http://example.com"]': 1 +# equals: +# 'div.ecl-file__title': "File title example" +# 'div.ecl-file__language': "English" +# 'div.ecl-file__meta': "(9.77 KB - PDF)" +# 'a.ecl-file__download .ecl-link__label': "Download" +#- array: +# '#type': pattern +# '#id': file_translation +# '#fields': +# button_label: "Download" +# file: +# variant: "translation" +# title: "File title example" +# name: "document.pdf" +# url: "http://example.com" +# mime: "application/pdf" +# size: "10000" +# language_code: "en" +# translations: +# - mime: "application/vnd.ms-excel" +# url: "http://example.com/document_fr.xls" +# size: "150000" +# name: "document.xls" +# language_code: "fr" +# - mime: "application/vnd.ms-powerpoint" +# url: "http://example.com/document_it.ppt" +# size: "160000" +# name: "document.ppt" +# language_code: "it" +# - mime: "application/pdf" +# url: "http://example.com/document_hu.pdf" +# size: "170000" +# name: "document.pdf" +# language_code: "hu" +# - mime: "application/doc" +# url: "http://example.com/document_pt.doc" +# size: "180000" +# name: "document.doc" +# language_code: "pt-pt" +# translation_toggle_label: "Other translations" +# more_info: "Custom information snippet." +# publication_date: "31 August 2020" +# assertions: +# count: +# 'svg.ecl-file__icon': 1 +# 'a.ecl-file__download[href="http://example.com"]': 1 +# 'div.ecl-file__translation-container': 1 +# 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 +# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 +# 'a.ecl-file__translation-download[hreflang="fr"]': 1 +# 'a.ecl-file__translation-download[hreflang="it"]': 1 +# 'a.ecl-file__translation-download[hreflang="hu"]': 1 +# 'a.ecl-file__translation-download[hreflang="pt"]': 1 +# '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 1 +# equals: +# 'div.ecl-file__title': "File title example" +# 'div.ecl-file__language': "English" +# 'div.ecl-file__meta': "(9.77 KB - PDF)" +# 'a.ecl-file__download .ecl-link__label': "Download" +# 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" +# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "italiano" +# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" +# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "magyar" +# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" +# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "português" +# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" +# '.ecl-file__translation-description': "Custom information snippet." +# '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': '31 AUGUST 2020' +#- array: +# '#type': pattern +# '#id': file_translation +# '#fields': +# button_label: "Download" +# file: +# variant: "translation" +# title: "File title example" +# name: "document.pdf" +# url: "http://example.com" +# mime: "application/pdf" +# size: "10000" +# language_code: "en" +# translations: +# - mime: "application/vnd.ms-excel" +# url: "http://example.com/document_fr.xls" +# size: "150000" +# name: "document.xls" +# language_code: "fr" +# more_info: "Custom information snippet." +# assertions: +# count: +# 'svg.ecl-file__icon': 1 +# 'a.ecl-file__download[href="http://example.com"]': 1 +# 'div.ecl-file__translation-container': 1 +# 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 +# '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 0 +# equals: +# 'div.ecl-file__title': "File title example" +# 'div.ecl-file__language': "English" +# 'div.ecl-file__meta': "(9.77 KB - PDF)" +# 'a.ecl-file__download .ecl-link__label': "Download" +# 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" +# '.ecl-file__translation-description': "Custom information snippet." +#- array: +# '#type': pattern +# '#id': file_teaser +# '#fields': +# button_label: "Download" +# teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." +# file: +# title: "Example document" +# name: "document.pdf" +# url: "http://example.com" +# mime: "application/pdf" +# size: "140000" +# language_code: "en" +# thumbnail: +# src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" +# alt: "thumbnail alt" +# resource_type: "RESOURCE TYPE" +# publication_date: "2020-31-08" +# translations: +# - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." +# file: +# title: "French translation" +# mime: "application/vnd.ms-excel" +# url: "http://example.com/document_fr.xls" +# size: "150000" +# name: "document.xls" +# language_code: "fr" +# - teaser: "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." +# file: +# title: "Italian translation" +# mime: "application/vnd.ms-powerpoint" +# url: "http://example.com/document_it.ppt" +# size: "160000" +# name: "document.ppt" +# language_code: "it" +# - teaser: "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." +# file: +# title: "Hungarian translation" +# mime: "application/pdf" +# url: "http://example.com/document_hu.pdf" +# size: "170000" +# name: "document.pdf" +# language_code: "hu" +# - teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." +# file: +# title: "Portugies translation" +# mime: "application/doc" +# url: "http://example.com/document_pt.doc" +# size: "180000" +# name: "document.doc" +# language_code: "pt-pt" +# translation_toggle_label: "Other translations" +# more_info: "Looking for another language which is not on the list? Find out why." +# badges: +# - label: "Highlighted" +# variant: "highlight" +# assertions: +# count: +# 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 +# 'img.ecl-file__image[alt="thumbnail alt"]': 1 +# 'a.ecl-file__download[href="http://example.com"]': 1 +# 'div.ecl-file.ecl-file--thumbnail': 1 +# 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 +# 'div.ecl-file__container div.ecl-file__info': 1 +# 'div.ecl-file__translation-container': 1 +# 'ul.ecl-file__translation-list': 1 +# 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 +# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 +# 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 1 +# equals: +# 'div.ecl-file__info div.ecl-file__title': "Example document" +# 'div.ecl-file__info div.ecl-file__description': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies.' +# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' +# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' +# 'div.ecl-file__footer div.ecl-file__language': "English" +# 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" +# 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" +# 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" +# '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" +# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "Italian translation" +# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-description': "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." +# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-language': "italiano" +# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" +# '.ecl-file__translation-item:nth-child(2) .ecl-link__label': "Download" +# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "Hungarian translation" +# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-description': "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." +# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-language': "magyar" +# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" +# '.ecl-file__translation-item:nth-child(3) .ecl-link__label': "Download" +# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "Portugies translation" +# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-description': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." +# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-language': "português" +# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" +# '.ecl-file__translation-item:nth-child(4) .ecl-link__label': "Download" +# 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." +# 'div.ecl-file__label span.ecl-label.ecl-label--highlight': "Highlighted" +#- array: +# '#type': pattern +# '#id': file_teaser +# '#fields': +# button_label: "Download" +# teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." +# file: +# title: "Example document" +# name: "document.pdf" +# url: "http://example.com" +# mime: "application/pdf" +# size: "140000" +# language_code: "en" +# thumbnail: +# src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" +# alt: "thumbnail alt" +# resource_type: "RESOURCE TYPE" +# publication_date: "2020-31-08" +# translations: +# - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." +# file: +# title: "French translation" +# mime: "application/vnd.ms-excel" +# url: "http://example.com/document_fr.xls" +# size: "150000" +# name: "document.xls" +# language_code: "fr" +# lists: +# - term: "Keywords" +# definition: +# - label: 'Apple' +# - label: 'Orange' +# - term: "Country" +# definition: +# - 'Belgium' +# - 'Hungary' +# - term: "External links" +# definition: +# - label: 'First external link' +# path: 'https://example.com/1' +# - label: 'Second external link' +# path: 'https://example.com/2' +# external_link: TRUE +# - path: 'https://example.com/3' +# external_link: TRUE +# more_info: "Looking for another language which is not on the list? Find out why." +# length: 10 +# assertions: +# count: +# 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 +# 'img.ecl-file__image[alt="thumbnail alt"]': 1 +# 'a.ecl-file__download[href="http://example.com"]': 1 +# 'div.ecl-file.ecl-file--thumbnail': 1 +# 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 +# 'div.ecl-file__container div.ecl-file__info': 1 +# 'div.ecl-file__translation-container': 1 +# 'ul.ecl-file__translation-list': 1 +# 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 +# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 +# 'div.ecl-file__taxonomy': 1 +# 'dl.ecl-description-list': 1 +# 'dt.ecl-description-list__term': 3 +# 'dd.ecl-description-list__definition.ecl-description-list__definition--taxonomy': 3 +# 'li.ecl-description-list__definition-item': 7 +# 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone': 3 +# 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone.ecl-link--icon': 2 +# 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 0 +# equals: +# 'div.ecl-file__info div.ecl-file__title': "Example document" +# 'div.ecl-file__info div.ecl-file__description': 'Lorem...' +# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' +# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' +# 'div.ecl-file__footer div.ecl-file__language': "English" +# 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" +# 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" +# 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi..." +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" +# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" +# '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" +# 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." +# 'dt.ecl-description-list__term:nth-of-type(1)': 'Keywords' +# 'dt.ecl-description-list__term:nth-of-type(2)': 'Country' +# 'dt.ecl-description-list__term:nth-of-type(3)': 'External links' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(1)': 'Apple' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(2)': 'Orange' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(1)': 'Belgium' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(2)': 'Hungary' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(1) a[href="https://example.com/1"]': 'First external link' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a[href="https://example.com/2"] .ecl-link__label': 'Second external link' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a svg.ecl-link__icon': '' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a[href="https://example.com/3"] .ecl-link__label': 'https://example.com/3' +# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a svg.ecl-link__icon': '' +#- array: +# '#type': pattern +# '#id': file_image +# '#fields': +# variant: "image" +# src: "https://placehold.it/450x250" +# alt: "placeholder image" +# caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." +# assertions: +# count: +# 'figure.ecl-media-container__figure': 1 +# 'img.ecl-media-container__media[src="https://placehold.it/450x250"]': 1 +# equals: +# 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." +#- array: +# '#type': pattern +# '#id': file_video +# '#fields': +# variant: "video" +# src: "//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" +# src_type: "video/mp4" +# caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." +# tracks: +# src': "" +# kind': "captions" +# src_lang': "en" +# label': "English" +# assertions: +# count: +# 'figure.ecl-media-container__figure': 1 +# 'video.ecl-media-container__media': 1 +# 'video.ecl-media-container__media source[src="//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"]': 1 +# 'video.ecl-media-container__media source[type="video/mp4"]': 1 +# 'video.ecl-media-container__media track[kind="captions"]': 1 +# 'video.ecl-media-container__media track[label="English"]': 1 +# 'video.ecl-media-container__media track[srclang="en"]': 1 +# equals: +# 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." +#- array: +# '#type': pattern +# '#id': gallery +# '#variant': default +# '#fields': +# items: +# - thumbnail: +# src: 'https://loremflickr.com/320/240/cat' +# alt: 'Example alt text' +# source: 'https://loremflickr.com/800/600/cat' +# caption: 'A picture of a cat' +# meta: 'Copyright © 2021, Author and Licence' +# media_type: 'image' +# expandable: false +# disable_overlay: true +# assertions: +# count: +# '.ecl-gallery[data-ecl-gallery][data-ecl-gallery-not-expandable]': 1 +# '.ecl-gallery .ecl-gallery__list': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[alt="Example alt text"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item figcaption.ecl-gallery__description': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 1 +# '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-previous': 0 +# '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-next': 0 +# '.ecl-gallery__footer-link': 0 +# equals: +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' +# contains: +# - 'A picture of a cat' +#- array: +# '#type': pattern +# '#id': gallery +# '#variant': default +# '#fields': +# items: +# - thumbnail: +# src: 'https://loremflickr.com/320/240/cat' +# alt: 'Example alt text cat' +# source: 'https://loremflickr.com/800/600/cat' +# caption: 'A picture of a cat' +# type: 'image' +# - thumbnail: +# src: 'https://loremflickr.com/320/240/dog' +# alt: 'Example alt text dog' +# source: 'https://www.youtube.com/watch?v=1-g73ty9v04' +# caption: "Energy, let's save it!" +# meta: 'Copyright © 2021 EC' +# type: 'video' +# - thumbnail: +# src: 'https://loremflickr.com/800/600/lisbon' +# alt: 'Example alt text' +# caption: 'Meanwhile in Lisbon, the capital of Portugal' +# meta: 'Copyright © 2021, Author and Licence' +# source: 'https://loremflickr.com/800/600/lisbon' +# media_type: 'image' +# footer_link_url: 'http://example.com' +# footer_link_label: 'Further media items' +# footer_link_external: true +# visible_items: 1 +# assertions: +# count: +# '.ecl-gallery[data-ecl-gallery-visible-items="1"]': 1 +# '.ecl-gallery .ecl-gallery__list': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 3 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[alt="Example alt text cat"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) figcaption.ecl-gallery__description': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__meta': 0 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) a.ecl-gallery__item-link[href="https://www.youtube.com/watch?v=1-g73ty9v04"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[src="https://loremflickr.com/320/240/dog"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[alt="Example alt text dog"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) figcaption.ecl-gallery__description': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[src="https://loremflickr.com/800/600/lisbon"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[alt="Example alt text"]': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) figcaption.ecl-gallery__description': 1 +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 1 +# '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-previous': 1 +# '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-next': 1 +# 'dialog.ecl-gallery__overlay[data-ecl-gallery-overlay]': 1 +# 'button.ecl-gallery__view-all[data-ecl-gallery-collapsed-label="See all"][data-ecl-gallery-expanded-label="Collapse"]': 1 +# '.ecl-gallery__footer-link': 1 +# equals: +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 'Copyright © 2021 EC' +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': '' +# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' +# '.ecl-gallery__footer-link a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"] .ecl-link__label': 'Further media items' +# '.ecl-gallery__footer-link a svg': '' +# contains: +# - 'A picture of a cat' +# - 'Energy, let's save it!' +# - 'Meanwhile in Lisbon, the capital of Portugal' +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# detail: "Item text" +# meta: +# - "Meta 1" +# - "Meta 2" +# badges: +# - label: "Highlighted" +# variant: "highlight" +# - label: "Status: Open" +# variant: "high" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# 'span.ecl-label.ecl-label--highlight': 1 +# 'span.ecl-label.ecl-label--high': 1 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--highlight': "Highlighted" +# 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--high': "Status: Open" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': "Item text" +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# detail: "Item text" +# length: 6 +# meta: +# - "Meta 1" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item': "Meta 1" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': "Item..." +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# lists: +# - +# - term: "When" +# definition: "Thursday 15 November, 08:00 AM to Friday 16 November" +# - term: "Where" +# definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list': 1 +# 'div.ecl-content-block__list-container .ecl-description-list__term': 2 +# 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 +# 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': 0 +# equals: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# detail: +# '#markup': '
      This is the detail. It is long.
      ' +# length: 24 +# meta: +# - "Meta 1" +# - "Meta 2" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# equals: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'article.ecl-content-item div.ecl-content-block__description': "
      This is the detail. It...
      " +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# external_link: true +# detail: +# '#markup': '
      This is the detail with a link. It is long. So it should count properly only the words.
      ' +# length: 30 +# meta: +# - "Meta 1" +# - "Meta 2" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"] span.ecl-link__label': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'a.ecl-link.ecl-link--standalone.ecl-link--icon svg.ecl-icon.ecl-icon--2xs.ecl-link__icon' : '' +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link span.ecl-link__label': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': '
      This is the detail with a link...
      ' +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# detail: +# '#plain_text': '
      This is the detail. It is long.
      ' +# length: 24 +# meta: +# - "Meta 1" +# - "Meta 2" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': '<div>This is the detail...' +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# detail: +# '#type': 'processed_text' +# '#text': '
      This is the detail. It is long.
      ' +# '#format': 'plain_text' +# length: 24 +# meta: +# - "Meta 1" +# - "Meta 2" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# url: "http://example.com" +# title: "Item title" +# detail: +# '#type': 'processed_text' +# '#text': '
      This is the detail. It is long.
      ' +# '#format': 'plain_text' +# length: 24 +# meta: +# - "Meta 1" +# - "Meta 2" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# 'article > div .ecl-description-list': 0 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' +#- array: +# '#type': pattern +# '#id': list_item +# '#fields': +# detail: "This is a very long description. Better to trim it off." +# length: 32 +# assertions: +# equals: +# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "thumbnail_primary" +# '#fields': +# detail: "This is a very long description. Better to trim it off." +# length: 32 +# assertions: +# equals: +# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "thumbnail_secondary" +# '#fields': +# detail: "This is a very long description. Better to trim it off." +# length: 32 +# assertions: +# equals: +# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "navigation" +# '#fields': +# detail: "This is a very long description. Better to trim it off." +# length: 32 +# assertions: +# equals: +# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "thumbnail_primary" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# detail: "Item text" +# image: +# src: "http://via.placeholder.com/150x150" +# alt: "Alternate text for primary image" +# meta: +# - "Meta 1" +# - "Meta 2" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for primary image"]': 1 +# 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/150x150"]': 1 +# 'article.ecl-content-item picture[data-ecl-picture-link]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': "Item text" +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "thumbnail_secondary" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# detail: "Item text" +# image: +# src: "http://via.placeholder.com/120x80" +# alt: "Alternate text for secondary image" +# meta: +# - "Meta 1" +# - "Meta 2" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for secondary image"]': 1 +# 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/120x80"]': 1 +# 'article.ecl-content-item picture[data-ecl-picture-link]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--right': 1 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': "Item text" +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "highlight" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# image: +# src: "http://via.placeholder.com/300x300" +# alt: "Alternate text for secondary image" +# badges: +# - label: "Highlighted" +# variant: "highlight" +# - label: "Status: Open" +# variant: "high" +# assertions: +# count: +# article.ecl-card div.ecl-card__body div.ecl-content-block.ecl-card__content-block: 1 +# article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 +# article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 +# article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 +# article.ecl-card picture[data-ecl-picture-link]: 1 +# article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 +# article.ecl-card div.ecl-card__body div.ecl-content-block__description: 0 +# article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 1 +# ul.ecl-content-block__label-container li.ecl-content-block__label-item: 2 +# equals: +# article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" +# ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight: "Highlighted" +# ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high: "Status: Open" +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "highlight" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# image: +# src: "http://via.placeholder.com/300x300" +# alt: "Alternate text for secondary image" +# detail: "This is a very long description. Better to trim it off." +# length: 32 +# assertions: +# count: +# article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 +# article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 +# article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 +# article.ecl-card picture[data-ecl-picture-link]: 1 +# article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 +# article.ecl-card div.ecl-card__body div.ecl-content-block__description: 1 +# article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 0 +# equals: +# article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" +# article.ecl-card div.ecl-card__body div.ecl-content-block__description: "This is a very long description..." +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "block" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# detail: "Item test" +# badges: +# - label: "Highlighted" +# variant: "highlight" +# - label: "Status: Open" +# variant: "high" +# assertions: +# count: +# 'article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]': 1 +# 'article.ecl-card div.ecl-card__image': 0 +# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container': 0 +# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 +# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 +# equals: +# 'article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-card div.ecl-card__body div.ecl-content-block__description': "Item test" +# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" +# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "date" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# detail: "Item text" +# date: +# day: '14' +# month_fullname: 'July' +# month_name: 'Jul' +# month: '7' +# year: '2021' +# meta: +# - "News article" +# - "6 July 2015" +# badges: +# - label: "Highlighted" +# variant: "highlight" +# - label: "Status: Open" +# variant: "medium" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 +# equals: +# 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--highlight': "Highlighted" +# 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--medium': "Status: Open" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': "Item text" +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "date" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# detail: "Item text" +# date: +# day: '14' +# month_fullname: 'July' +# month_name: 'Jul' +# month: '7' +# year: '2021' +# meta: +# - "News article" +# - "6 July 2015" +# lists: +# - +# - term: "When" +# definition: "Thursday 15 November, 08:00 AM to Friday 16 November" +# - term: "Where" +# definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 +# 'div.ecl-content-block__list-container .ecl-description-list__term': 2 +# 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 +# equals: +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" +# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-block__description': "Item text" +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' +# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" +# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "date_cancelled" +# '#fields': +# date: +# day: '14' +# month_fullname: 'July' +# month_name: 'Jul' +# month: '7' +# year: '2021' +# assertions: +# count: +# 'time.ecl-date-block.ecl-date-block--cancelled.ecl-content-item__date': 1 +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "date_ongoing" +# '#fields': +# date: +# day: '14' +# month_fullname: 'July' +# month_name: 'Jul' +# month: '7' +# year: '2021' +# assertions: +# count: +# 'time.ecl-date-block.ecl-date-block--ongoing.ecl-content-item__date': 1 +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "date_past" +# '#fields': +# date: +# day: '14' +# month_fullname: 'July' +# month_name: 'Jul' +# month: '7' +# year: '2021' +# assertions: +# count: +# 'time.ecl-date-block.ecl-date-block--past.ecl-content-item__date': 1 +#- array: +# '#type': pattern +# '#id': list_item +# '#variant': "navigation" +# '#fields': +# title: "Item title" +# url: "http://example.com" +# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# assertions: +# count: +# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 +# 'article.ecl-content-item picture.ecl-content-item__picture--large img.ecl-content-item__image': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--left': 0 +# 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--right': 0 +# equals: +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" +# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +#- array: +# '#type': pattern +# '#id': list_item_block_one_column +# '#fields': +# title: "Block title" +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "Business, Economy, Euro" +# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# button_label: "Button nolink" +# assertions: +# count: +# 'div.ecl-content-item-block__title': 1 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 +# 'div.ecl-content-item-block__item': 1 +# 'div.ecl-content-item-block__item.ecl-col-12': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button .ecl-u-clearfix': 1 +# 'div.ecl-content-item-block__button a.ecl-link--icon.ecl-link--standalone svg': 0 +# equals: +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# 'div.ecl-content-item-block__button .ecl-u-clearfix': "Button nolink" +#- array: +# '#type': pattern +# '#id': list_item_block_one_column +# '#fields': +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "Business, Economy, Euro" +# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# button_label: "View all" +# button_url: "http://example.com" +# button_icon_position: 'before' +# button_icon_name: 'list' +# external_link: true +# assertions: +# count: +# 'div.ecl-content-item-block__title': 0 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 +# 'div.ecl-content-item-block__item': 1 +# 'div.ecl-content-item-block__item.ecl-col-12': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button': 1 +# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 +# 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 +# equals: +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# 'a.ecl-link span.ecl-link__label': "View all" +# 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' +#- array: +# '#type': pattern +# '#id': list_item_block_one_column +# '#fields': +# title: "Block title" +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "Business, Economy, Euro" +# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# button_label: "View all" +# button_url: "http://example.com" +# external_link: false +# button_icon_name: 'list' +# button_icon_position: 'before' +# assertions: +# count: +# 'div.ecl-content-item-block__title': 1 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 +# 'div.ecl-content-item-block__item': 1 +# 'div.ecl-content-item-block__item.ecl-col-12': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button': 1 +# 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 +# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 +# equals: +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# 'a.ecl-link span.ecl-link__label': "View all" +# 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' +#- array: +# '#type': pattern +# '#id': list_item_block_one_column +# '#fields': +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "Business, Economy, Euro" +# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# assertions: +# count: +# 'div.ecl-content-item-block__title': 0 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 +# 'div.ecl-content-item-block__item': 1 +# 'div.ecl-content-item-block__item.ecl-col-12': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button': 0 +# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 +# equals: +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +#- array: +# '#type': pattern +# '#id': list_item_block_one_column +# '#fields': +# title: "Block title" +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "Business, Economy, Euro" +# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# button_label: "View all" +# button_url: "http://example.com" +# button_icon_name: "list" +# assertions: +# count: +# 'div.ecl-content-item-block__title': 1 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 +# 'div.ecl-content-item-block__item': 1 +# 'div.ecl-content-item-block__item.ecl-col-12': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button': 1 +# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 +# equals: +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# 'a.ecl-link': 'View all' +#- array: +# '#type': pattern +# '#id': list_item_block_one_column +# '#fields': +# title: "Block title" +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "Business, Economy, Euro" +# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# button_label: "View all" +# button_url: "http://example.com" +# button_icon_name: "list" +# button_icon_position: "before" +# assertions: +# count: +# 'div.ecl-content-item-block__title': 1 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 +# 'div.ecl-content-item-block__item': 1 +# 'div.ecl-content-item-block__item.ecl-col-12': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 +# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button': 1 +# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 +# equals: +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# 'a.ecl-link': 'View all' +#- array: +# '#type': pattern +# '#id': list_item_block_two_columns +# '#fields': +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 1" +# detail: "Description for list item 1." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 2" +# detail: "Description for list item 2." +# assertions: +# count: +# 'div.ecl-content-item-block__title': 0 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 +# 'div.ecl-content-item-block__item': 2 +# 'div.ecl-content-item-block__item.ecl-col-l-6': 2 +# 'div.ecl-content-item-block__item.ecl-col-l-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 +# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button': 0 +# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 +# equals: +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." +# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" +# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." +#- array: +# '#type': pattern +# '#id': list_item_block_two_columns +# '#fields': +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 1" +# detail: "Description for list item 1." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 2" +# detail: "Description for list item 2." +# button_label: "View all" +# button_url: "http://example.com" +# button_icon_name: "list" +# button_icon_position: "before" +# assertions: +# count: +# 'div.ecl-content-item-block__title': 0 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 +# 'div.ecl-content-item-block__item': 2 +# 'div.ecl-content-item-block__item.ecl-col-l-6': 2 +# 'div.ecl-content-item-block__item.ecl-col-l-4': 0 +# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 +# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__button': 1 +# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 +# equals: +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." +# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" +# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." +# 'a.ecl-link': 'View all' +#- array: +# '#type': pattern +# '#id': list_item_block_three_columns +# '#fields': +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 1" +# detail: "Description for list item 1." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 2" +# detail: "Description for list item 2." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 3" +# detail: "Description for list item 3." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 4" +# detail: "Description for list item 4." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 5" +# detail: "Description for list item 5." +# vertical: true +# assertions: +# count: +# 'div.ecl-content-item-block__title': 0 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 +# 'div.ecl-content-item-block__item': 8 +# 'div.ecl-content-item-block__item.ecl-col-l-6': 0 +# 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4': 3 +# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4 div.ecl-content-item-block__item.ecl-u-mb-l': 5 +# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 +# 'div.ecl-content-item-block__button': 0 +# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 +# equals: +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 1" +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 1." +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 2" +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 2." +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 3" +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 3." +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 4" +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 4." +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 5" +# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 5." +#- array: +# '#type': pattern +# '#id': list_item_block_three_columns +# '#fields': +# items: +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 1" +# detail: "Description for list item 1." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 2" +# detail: "Description for list item 2." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 3" +# detail: "Description for list item 3." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 4" +# detail: "Description for list item 4." +# - '#type': "pattern" +# '#id': "list_item" +# '#fields': +# title: "List item 5" +# detail: "Description for list item 5." +# button_label: "View all" +# button_url: "http://example.com" +# button_icon_name: "language" +# button_icon_position: "after" +# assertions: +# count: +# 'div.ecl-content-item-block__title': 0 +# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 +# 'div.ecl-content-item-block__item': 5 +# 'div.ecl-content-item-block__item.ecl-col-l-6': 0 +# 'div.ecl-content-item-block__item.ecl-col-l-4': 5 +# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 +# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 +# 'div.ecl-content-item-block__button': 1 +# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 +# equals: +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" +# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." +# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" +# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." +# 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 3" +# 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-block__description': "Description for list item 3." +# 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 4" +# 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-block__description': "Description for list item 4." +# 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 5" +# 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-block__description': "Description for list item 5." +# 'a.ecl-link': 'View all' +#- array: +# '#type': pattern +# '#id': list_item_block_four_columns +# '#fields': +# items: +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } +# button_label: "View all" +# button_url: "http://example.com" +# button_icon_name: "list" +# button_icon_position: "before" +# assertions: +# equals: +# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(1) a.ecl-link': 'A simple link 1' +# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(2) a.ecl-link': 'A simple link 2' +# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(3) a.ecl-link': 'A simple link 3' +# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(4) a.ecl-link': 'A simple link 4' +# 'a.ecl-link--icon': 'View all' +#- array: +# '#type': pattern +# '#id': list_item_block_six_columns +# '#fields': +# items: +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 5' } } +# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 6' } } +# button_label: "View all" +# button_url: "http://example.com" +# button_icon_name: "list" +# button_icon_position: "before" +# assertions: +# equals: +# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(1) a.ecl-link': 'A simple link 1' +# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(2) a.ecl-link': 'A simple link 2' +# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(3) a.ecl-link': 'A simple link 3' +# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(4) a.ecl-link': 'A simple link 4' +# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(5) a.ecl-link': 'A simple link 5' +# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(6) a.ecl-link': 'A simple link 6' +# 'a.ecl-link--icon': 'View all' +#- array: +# '#type': pattern +# '#id': navigation_list +# '#fields': +# title: 'Navigation list title' +# title_url: 'http://example.com' +# external_link: true +# description: 'Navigation list description' +# links: +# - label: 'Child 1' +# url: 'http://example.com/child1' +# is_external: true +# - label: 'Child 2' +# url: 'http://example.com/child2' +# - label: 'Child 3' +# url: 'http://example.com/child3' +# secondary_links: +# - label: 'Secondary Link 1' +# url: 'http://example.com/secondary1' +# is_external: true +# - label: 'Secondary Link 2' +# url: 'http://example.com/secondary2' +# border: true +# image: +# src: "https://placeimg.com/1000/500/arch" +# alt: "Alternative text for image" +# assertions: +# equals: +# 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"] .ecl-link__label': 'Navigation list title' +# 'div.ecl-content-block__description': 'Navigation list description' +# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"] .ecl-link__label': 'Child 1' +# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' +# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' +# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/secondary1"] .ecl-link__label': 'Secondary Link 1' +# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/secondary2"]': 'Secondary Link 2' +# count: +# .ecl-content-block.ecl-navigation-list__content-block: 1 +# 'div.ecl-content-block__title a.ecl-link .ecl-icon': 1 +# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-icon': 1 +# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-icon': 0 +# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-link__label': 1 +# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-link__label': 0 +# 'ul.ecl-content-block__link-list': 2 +# 'li.ecl-content-block__link-item': 5 +# "img.ecl-navigation-list__image[src=\"https://placeimg.com/1000/500/arch\"]": 1 +# 'img.ecl-navigation-list__image[alt="Alternative text for image"]': 1 +#- array: +# '#type': pattern +# '#id': navigation_list +# '#fields': +# title: 'Navigation list title' +# title_url: 'http://example.com' +# description: 'Navigation list description' +# assertions: +# equals: +# 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"]': 'Navigation list title' +# 'div.ecl-content-block__description': 'Navigation list description' +# count: +# div.ecl-content-block__title a.ecl-link .ecl-icon: 0 +# .ecl-navigation-list__item.ecl-navigation-list__item--no-border: 1 +# ul.ecl-content-block__link-list: 0 +# li.ecl-content-block__link-item: 0 +# div.ecl-navigation-list__image: 0 +#- array: +# '#type': pattern +# '#id': navigation_list +# '#fields': +# title: 'Navigation list title' +# links: +# - label: 'Child 1' +# url: 'http://example.com/child1' +# - label: 'Child 2' +# url: 'http://example.com/child2' +# - label: 'Child 3' +# url: 'http://example.com/child3' +# assertions: +# equals: +# 'div.ecl-content-block__title': 'Navigation list title' +# 'li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"]': 'Child 1' +# 'li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' +# 'li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' +# count: +# div.ecl-content-block__title a: 0 +# ul.ecl-content-block__link-list: 1 +# li.ecl-content-block__link-item: 3 +# div.ecl-content-block__description: 0 +# div.ecl-navigation-list__image: 0 +#- array: +# '#type': pattern +# '#id': accordion +# '#fields': +# identifier: "id" +# items: +# - title: "Title 1" +# body: "Body 1" +# - title: "Title 2" +# body: "Body 2" +# assertions: +# count: +# '.ecl-accordion__title': 2 +# '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-icon': 2 +# '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-title': 2 +# '.ecl-accordion__content#id-0-content': 1 +# '.ecl-accordion__content#id-1-content': 1 +# equals: +# '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-0-content"] .ecl-accordion__toggle-title': "Title 1" +# '.ecl-accordion__content#id-0-content': "Body 1" +# '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-1-content"] .ecl-accordion__toggle-title': "Title 2" +# '.ecl-accordion__content#id-1-content': "Body 2" +#- array: +# '#type': pattern +# '#id': dropdown +# '#fields': +# button_label: "Dropdown" +# links: +# - label: 'Link 1' +# url: 'http://example.com/1' +# - label: 'Link 2' +# url: 'http://example.com/2' +# - label: 'Link 3' +# url: 'http://example.com/3' +# assertions: +# count: +# '.ecl-expandable__content a[href="http://example.com/1"]': 1 +# '.ecl-expandable__content a[href="http://example.com/2"]': 1 +# '.ecl-expandable__content a[href="http://example.com/3"]': 1 +# equals: +# 'button.ecl-expandable__toggle span.ecl-button__label': "Dropdown" +# '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(1) a': "Link 1" +# '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(2) a': "Link 2" +# '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(3) a': "Link 3" +#- array: +# '#type': pattern +# '#id': field +# '#variant': default +# '#fields': +# label: "Field text" +# body: "Field body" +# assertions: +# count: +# '.ecl-description-list.ecl-description-list--default': 1 +# '.ecl-description-list__term': 1 +# '.ecl-description-list__definition': 1 +# equals: +# '.ecl-description-list__term': "Field text" +# '.ecl-description-list__definition': "Field body" +#- array: +# '#type': pattern +# '#id': field +# '#variant': horizontal +# '#fields': +# label: "Field label" +# body: "Field body" +# assertions: +# count: +# '.ecl-description-list.ecl-description-list--horizontal': 1 +# '.ecl-description-list__term': 1 +# '.ecl-description-list__definition': 1 +# equals: +# '.ecl-description-list__term': "Field label" +# '.ecl-description-list__definition': "Field body" +#- array: +# '#type': pattern +# '#id': field_list +# '#variant': horizontal +# '#fields': +# items: +# - label: "When" +# body: "Thursday 15 November, 08:00 AM to Friday 16 November" +# - label: "Where" +# body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +# - label: "Live streaming" +# body: "08:00 CET | 00d:23h:35m" +# assertions: +# count: +# '.ecl-description-list.ecl-description-list--horizontal': 1 +# '.ecl-description-list__term': 3 +# '.ecl-description-list__definition': 3 +# equals: +# '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" +# '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" +# '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" +# '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +# '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" +# '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" +#- array: +# '#type': pattern +# '#variant': default +# '#id': field_list +# '#fields': +# items: +# - label: "When" +# body: "Thursday 15 November, 08:00 AM to Friday 16 November" +# - label: "Where" +# body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +# - label: "Live streaming" +# body: "08:00 CET | 00d:23h:35m" +# assertions: +# count: +# '.ecl-description-list.ecl-description-list--default': 1 +# '.ecl-description-list__term': 3 +# '.ecl-description-list__definition': 3 +# equals: +# '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" +# '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" +# '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" +# '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +# '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" +# '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" +#- array: +# '#type': pattern +# '#id': link_block +# '#fields': +# title: "Link block title" +# links: +# - label: 'Link 1' +# url: 'http://link-1.com' +# is_external: true +# - label: 'Link 2' +# url: 'http://link-2.com' +# is_external: true +# - label: 'Link 3' +# url: 'http://link-3.com' +# assertions: +# count: +# '.ecl-link-block__title': 1 +# '.ecl-link-block__item': 3 +# 'a.ecl-link-block__link[href="http://link-1.com"]': 1 +# 'a.ecl-link-block__link[href="http://link-2.com"]': 1 +# 'a.ecl-link-block__link[href="http://link-3.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': 2 +# equals: +# '.ecl-link-block__title h5': "Link block title" +# '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link .ecl-link__label': "Link 1" +# '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' +# '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link .ecl-link__label': "Link 2" +# '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' +# '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" +#- array: +# '#type': pattern +# '#id': link_block +# '#fields': +# links: +# - label: 'Link 1' +# url: 'http://link-1.com' +# - label: 'Link 2' +# url: 'http://link-2.com' +# - label: 'Link 3' +# url: 'http://link-3.com' +# assertions: +# count: +# '.ecl-link-block__title': 0 +# '.ecl-link-block__item': 3 +# 'a.ecl-link-block__link[href="http://link-1.com"]': 1 +# 'a.ecl-link-block__link[href="http://link-2.com"]': 1 +# 'a.ecl-link-block__link[href="http://link-3.com"]': 1 +# equals: +# '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link': "Link 1" +# '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link': "Link 2" +# '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" +#- array: +# '#type': pattern +# '#id': blockquote +# '#fields': +# body: "Quote text" +# author: "Quote author" +# assertions: +# count: +# 'img.ecl-blockquote__image': 0 +# equals: +# '.ecl-blockquote__author': "Quote author" +# '.ecl-blockquote__citation': "Quote text" +#- array: +# '#type': pattern +# '#id': blockquote +# '#fields': +# body: "Quote text" +# author: "Quote author" +# image: +# src: "http://via.placeholder.com/120x80" +# alt: "Alternative of image" +# assertions: +# count: +# 'img.ecl-blockquote__image[src="http://via.placeholder.com/120x80"]': 1 +# 'img.ecl-blockquote__image[alt="Alternative of image"]': 1 +# equals: +# '.ecl-blockquote__author': "Quote author" +# '.ecl-blockquote__citation': "Quote text" +#- array: +# '#type': pattern +# '#id': context_nav +# '#fields': +# label: "Navigation title" +# items: +# - href: "http://link-1.com" +# label: "Item one" +# is_external: true +# - href: "http://link-2.com" +# label: "Item two" +# - href: "http://link-3.com" +# label: "Item three" +# is_external: true +# - href: "http://link-4.com" +# label: "Item four" +# - href: "http://link-5.com" +# label: "Item five" +# is_external: true +# limit: 4 +# more_label: "More label" +# assertions: +# count: +# "nav.ecl-contextual-navigation[aria-labelledby=\"nav-label\"][data-ecl-contextual-navigation]": 1 +# 'li.ecl-contextual-navigation__item': 6 +# 'li.ecl-contextual-navigation__item--collapsed': 1 +# 'li.ecl-contextual-navigation__item--more': 1 +# 'span.ecl-link__label': 3 +# equals: +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] span.ecl-link__label': "Item one" +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-2.com"]': "Item two" +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] span.ecl-link__label': "Item three" +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-4.com"]': "Item four" +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] span.ecl-link__label': "Item five" +# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +# 'div#nav-label.ecl-contextual-navigation__label': "Navigation title" +# 'button.ecl-contextual-navigation__more .ecl-button__label': "More label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': default +# '#fields': +# label: "Button label" +# href: "http://example.com" +# icon: "caret-right" +# icon_position: "before" +# type_attribute: "default" +# assertions: +# count: +# 'a.ecl-link--standalone.ecl-link--icon svg': 1 +# equals: +# 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" +# 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': '' +#- array: +# '#type': pattern +# '#id': button +# '#variant': default +# '#fields': +# label: "Button label" +# href: "http://example.com" +# icon: "caret-right" +# icon_position: "before" +# type_attribute: "default" +# external_link: true +# assertions: +# count: +# 'a.ecl-link--standalone.ecl-link--icon svg': 1 +# equals: +# 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" +# 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +#- array: +# '#type': pattern +# '#id': button +# '#variant': default +# '#fields': +# label: "Button label" +# href: "http://example.com" +# type_attribute: "standalone" +# external_link: true +# assertions: +# count: +# 'a.ecl-link--icon': 1 +# equals: +# 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" +# 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +#- array: +# '#type': pattern +# '#id': button +# '#fields': +# type_attribute: "submit" +# label: "Button label" +# assertions: +# count: +# 'button.ecl-button--primary': 1 +# 'button.ecl-button[type="submit"]': 1 +# equals: +# 'button.ecl-button--primary': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': secondary +# '#fields': +# type_attribute: "submit" +# label: "Button label" +# assertions: +# count: +# 'button.ecl-button--secondary': 1 +# 'button.ecl-button[type="submit"]': 1 +# equals: +# 'button.ecl-button--secondary': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': primary +# '#fields': +# type_attribute: "reset" +# label: "Button label" +# assertions: +# count: +# 'button.ecl-button[type="reset"]': 1 +#- array: +# '#type': pattern +# '#id': button +# '#variant': primary +# '#fields': +# type_attribute: "button" +# is_block: true +# label: "Button label" +# assertions: +# count: +# 'button.ecl-button[type="button"]': 1 +#- array: +# '#type': pattern +# '#id': button +# '#variant': secondary +# '#fields': +# label: "Button label" +# assertions: +# equals: +# 'button.ecl-button--secondary': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': ghost +# '#fields': +# label: "Button label" +# assertions: +# equals: +# 'button.ecl-button--ghost': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': search +# '#fields': +# label: "Button label" +# assertions: +# equals: +# 'button.ecl-button--search': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': call +# '#fields': +# label: "Button label" +# assertions: +# equals: +# 'button.ecl-button--call': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': form +# '#fields': +# label: "Button label" +# assertions: +# equals: +# 'button.ecl-button--form': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': form_primary +# '#fields': +# label: "Button label" +# assertions: +# equals: +# 'button.ecl-button--form-primary': "Button label" +#- array: +# '#type': pattern +# '#id': button +# '#variant': splash_page +# '#fields': +# label: "Button label" +# assertions: +# equals: +# 'button.ecl-button--splash-page': "Button label" +#- array: +# '#type': pattern +# '#id': social_media_links_vertical +# '#fields': +# title: "View European Commission on:" +# links: +# - service: "facebook" +# label: "Facebook" +# url: "http://facebook.com" +# - service: "twitter" +# label: "Twitter" +# url: "http://twitter.com" +# - service: "instagram" +# label: "Instagram" +# url: "http://instagram.com" +# assertions: +# count: +# 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 +# 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 +# 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 +# equals: +# '.ecl-social-media-follow--vertical > p.ecl-social-media-follow__description': "View European Commission on:" +# 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" +# 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" +# 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" +#- array: +# '#type': pattern +# '#id': social_media_links_horizontal +# '#fields': +# title: "View European Commission on:" +# links: +# - service: "facebook" +# label: "Facebook" +# url: "http://facebook.com" +# - service: "twitter" +# label: "Twitter" +# url: "http://twitter.com" +# - service: "instagram" +# label: "Instagram" +# url: "http://instagram.com" +# assertions: +# assertions: +# count: +# 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 +# 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 +# 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 +# equals: +# '.ecl-social-media-follow > p.ecl-social-media-follow__description': "View European Commission on:" +# 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" +# 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" +# 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" +#- array: +# '#type': pattern +# '#id': social_icon +# '#fields': +# service: "facebook" +# label: "Facebook" +# url: "http://facebook.com" +# assertions: +# count: +# 'a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://facebook.com"]': 1 +# 'svg.ecl-link__icon': 1 +# equals: +# 'a.ecl-link.ecl-link--standalone.ecl-link--icon span.ecl-link__label': "Facebook" +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "default" +# '#fields': +# title: "Example title" +# assertions: +# count: +# "img.ecl-card__image": 0 +# 'div.ecl-content-block__title': 1 +# 'div.ecl-content-block__description': 0 +# 'ul.ecl-content-block__secondary-meta-container': 0 +# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 +# 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 +# equals: +# 'div.ecl-content-block__title': "Example title" +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "extended" +# '#fields': +# title: "Example title" +# assertions: +# count: +# "div.ecl-card__image": 0 +# 'div.ecl-content-block__title': 1 +# 'div.ecl-content-block__description': 0 +# 'ul.ecl-content-block__secondary-meta-container': 0 +# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 +# 'span.ecl-button__container a.ecl-button .ecl-button__label': 0 +# 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 +# equals: +# 'div.ecl-content-block__title': "Example title" +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "default" +# '#fields': +# title: "Example title" +# description: "Example description" +# image: +# src: "http://via.placeholder.com/120x80" +# alt: "Alternative of image" +# metas: +# - "Breaking news article" +# - "Brussels" +# link: +# href: "https://example.com" +# label: "Link title" +# badges: +# - label: "Highlighted" +# variant: "highlight" +# - label: "Status: Open" +# variant: "high" +# assertions: +# count: +# "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 +# 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 +# 'article.ecl-card picture[data-ecl-picture-link]': 1 +# 'a.ecl-button': 0 +# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 +# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 +# 'ul.ecl-content-block__primary-meta-container': 1 +# equals: +# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" +# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" +# 'div.ecl-content-block__title a': "Example title" +# 'div.ecl-content-block__description': "Example description" +# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" +# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "default" +# '#fields': +# title: "Example title" +# description: "Example description" +# length: 8 +# image: +# src: "http://via.placeholder.com/120x80" +# alt: "Alternative of image" +# metas: +# - "Breaking news article" +# - "Brussels" +# link: +# href: "https://example.com" +# label: "Link title" +# assertions: +# count: +# "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 +# 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 +# 'article.ecl-card picture[data-ecl-picture-link]': 1 +# 'a.ecl-button': 0 +# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 +# 'ul.ecl-content-block__primary-meta-container': 1 +# equals: +# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" +# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" +# 'div.ecl-content-block__title a': "Example title" +# 'div.ecl-content-block__description': "Example..." +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "default" +# '#fields': +# description: +# '#type': pattern +# '#id': blockquote +# '#fields': +# body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.' +# author: 'John Doe' +# length: 25 +# assertions: +# equals: +# 'div.ecl-content-block__description': '

      Lorem ipsum dolor sit...

      ' +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "default" +# '#fields': +# description: +# '#markup': '
      Example description
      ' +# length: 8 +# assertions: +# equals: +# 'div.ecl-content-block__description': '
      Example...
      ' +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "extended" +# '#fields': +# title: "Example title" +# description: "Example description" +# link: +# href: "https://example.com" +# label: "Link title" +# assertions: +# count: +# "div.ecl-card__image": 0 +# 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 +# 'a.ecl-button[href="https://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-button__icon.ecl-button__icon--after': 1 +# equals: +# 'div.ecl-content-block__title a': "Example title" +# 'div.ecl-content-block__description .ecl-paragraph': "Example description" +# 'a.ecl-button .ecl-button__label': "Link title" +# 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon.ecl-button__icon--after': '' +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "extended" +# '#fields': +# title: "Example title" +# description: "Example description" +# link: +# href: "https://example.com" +# label: "Link title" +# external_link: true +# assertions: +# count: +# "div.ecl-card__image": 0 +# 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link--icon[href="https://example.com"]': 1 +# 'a.ecl-button[href="https://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon': 1 +# equals: +# 'div.ecl-content-block__title a span.ecl-link__label': "Example title" +# 'div.ecl-content-block__description .ecl-paragraph': "Example description" +# 'a.ecl-button .ecl-button__label': "Link title" +# 'div.ecl-content-block__title a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +# '.ecl-content-block__description svg.ecl-icon.ecl-icon--xs.ecl-button__icon': '' +#- array: +# '#type': pattern +# '#id': featured_item +# '#variant': "default" +# '#fields': +# title: "Example title" +# description: "Example description" +# footer_items: +# - icon: "calendar" +# text: "15-16 November 2019, 08:00 AM" +# - icon: "location" +# text: "Brussels, Belgium" +# assertions: +# count: +# 'ul.ecl-content-block__secondary-meta-container': 1 +# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 +# equals: +# 'li.ecl-content-block__secondary-meta-item:nth-child(1)' : '15-16 November 2019, 08:00 AM' +# 'li.ecl-content-block__secondary-meta-item:nth-child(2)' : 'Brussels, Belgium' +#- array: +# '#type': pattern +# '#id': timeline +# '#fields': +# limit: 2 +# limit_to: 4 +# items: +# - +# label: "13 September 2017" +# title: "Item 1" +# body: +# '#markup': 'Economic and Monetary Union package of proposals' +# - +# label: "28-29 September 2017" +# title: "Item 2" +# body: "Lorem Ipsum 2" +# - +# body: "Lorem Ipsum 3" +# - +# body: "Lorem Ipsum 4" +# - +# body: "Lorem Ipsum 5" +# - +# label: "6 February 2018" +# title: "Item 6" +# body: "Lorem Ipsum 6" +# assertions: +# count: +# 'h2.ecl-u-type-heading-2': 0 +# 'div.ecl.ecl-u-mb-m': 0 +# 'ol.ecl-timeline': 1 +# 'li.ecl-timeline__item': 7 +# '.ecl-timeline__item.ecl-timeline__item--toggle': 1 +# '.ecl-timeline__item.ecl-timeline__item--collapsed': 2 +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': 0 +# equals: +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" +# '.ecl-timeline__item:nth-child(5) .ecl-timeline__toggle .ecl-button__label': "Show 2 more items" +# '.ecl-timeline__item:nth-child(7) .ecl-timeline__title': "Item 6" +# '.ecl-timeline__item:nth-child(7) .ecl-timeline__label': "6 February 2018" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 5' +# '.ecl-timeline__item:nth-child(7) .ecl-timeline__content': 'Lorem Ipsum 6' +#- array: +# '#type': pattern +# '#id': timeline +# '#fields': +# items: +# - +# title: "Item 1" +# body: "Lorem Ipsum 1" +# - +# title: "Item 2" +# body: "Lorem Ipsum 2" +# - +# title: "Item 3" +# body: "Lorem Ipsum 3" +# - +# title: "Item 4" +# body: "Lorem Ipsum 4" +# - +# title: "Item 5" +# body: "Lorem Ipsum 5" +# - +# title: "Item 6" +# body: "Lorem Ipsum 6" +# assertions: +# count: +# 'h2.ecl-u-type-heading-2': 0 +# 'div.ecl.ecl-u-mb-m': 0 +# 'ol.ecl-timeline': 1 +# 'li.ecl-timeline__item': 6 +# '.ecl-timeline__item.ecl-timeline__item--toggle': 0 +# '.ecl-timeline__item.ecl-timeline__item--collapsed': 0 +# equals: +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': "Item 3" +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': "Item 4" +# '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': "Item 5" +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Lorem Ipsum 1' +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' +# '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' +#- array: +# '#type': pattern +# '#id': timeline +# '#fields': +# limit: 2 +# button_label: 'Show all timelines' +# items: +# - +# label: "13 September 2017" +# title: "Item 1" +# body: +# '#markup': 'Economic and Monetary Union package of proposals' +# - +# label: "28-29 September 2017" +# title: "Item 2" +# body: "Lorem Ipsum 2" +# - +# body: "Lorem Ipsum 3" +# - +# body: "Lorem Ipsum 4" +# - +# body: "Lorem Ipsum 5" +# - +# label: "6 February 2018" +# title: "Item 6" +# body: "Lorem Ipsum 6" +# assertions: +# count: +# 'h2.ecl-u-type-heading-2': 0 +# 'div.ecl.ecl-u-mb-m': 0 +# 'ol.ecl-timeline': 1 +# 'li.ecl-timeline__item': 7 +# '.ecl-timeline__item.ecl-timeline__item--toggle': 1 +# '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 +# '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 +# equals: +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" +# '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show all timelines" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' +# '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' +#- array: +# '#type': pattern +# '#id': timeline +# '#fields': +# title: "Timeline heading" +# introduction: "Timeline introduction" +# limit: 2 +# items: +# - +# label: "13 September 2017" +# title: "Item 1" +# body: +# '#markup': 'Economic and Monetary Union package of proposals' +# - +# label: "28-29 September 2017" +# title: "Item 2" +# body: "Lorem Ipsum 2" +# - +# body: "Lorem Ipsum 3" +# - +# body: "Lorem Ipsum 4" +# - +# body: "Lorem Ipsum 5" +# - +# label: "6 February 2018" +# title: "Item 6" +# body: "Lorem Ipsum 6" +# assertions: +# count: +# 'h2.ecl-u-type-heading-2': 1 +# 'div.ecl.ecl-u-mb-m': 1 +# 'ol.ecl-timeline': 1 +# 'li.ecl-timeline__item': 7 +# '.ecl-timeline__item.ecl-timeline__item--toggle': 1 +# '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 +# '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 +# equals: +# 'h2.ecl-u-type-heading-2': "Timeline heading" +# 'div.ecl.ecl-u-mb-m': "Timeline introduction" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" +# '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show 4 more items" +# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' +# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' +# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' +# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' +# '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' +# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#variant': "left_simple" +# '#fields': +# title: "Heading" +# text_title: "Title" +# image: +# src: "http://via.placeholder.com/150x150" +# caption: "Some caption text for the image" +# text: "Some more text" +# link: +# label: "Call to action" +# path: "http://example.com" +# highlighted: false +# assertions: +# count: +# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 +# 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 +# 'div.ecl-featured-item__item': 2 +# 'div.ecl-featured-item__title': 1 +# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 +# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 +# 'iframe': 0 +# 'figcaption.ecl-media-container__caption': 1 +# 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 +# 'div.ecl-expandable.ecl-media-container__expandable': 0 +# equals: +# 'h2.ecl-u-type-heading-2': "Heading" +# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" +# 'figcaption.ecl-media-container__caption': "Some caption text for the image" +# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" +# 'a.ecl-link span.ecl-link__label': "Call to action" +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#variant': "right_simple" +# '#fields': +# text_title: "Title" +# image: +# src: "http://via.placeholder.com/150x150" +# caption: "Some caption text for the image" +# text: "Some more text" +# link: +# label: "Call to action" +# path: "https://european-union.europa.eu/index_en" +# highlighted: true +# expandable: +# content: +# '#markup': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " +# assertions: +# count: +# 'article.ecl-featured-item.ecl-featured-item--highlight': 1 +# 'h2.ecl-u-type-heading-2': 0 +# 'div.ecl-featured-item__container': 1 +# 'div.ecl-featured-item__title': 1 +# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 +# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 +# 'iframe': 0 +# 'figcaption.ecl-media-container__caption': 1 +# 'a.ecl-link.ecl-link--standalone[href="https://european-union.europa.eu/index_en"]': 1 +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 +# 'div.ecl-expandable.ecl-media-container__expandable': 1 +# 'button[data-ecl-label-expanded="Expanded"][data-ecl-label-collapsed="Collapsed"]': 1 +# equals: +# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" +# 'figcaption.ecl-media-container__caption': "Some caption text for the image" +# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" +# 'a.ecl-link span.ecl-link__label': "Call to action" +# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' +# 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' +# 'div.ecl-expandable__content': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#variant': "right_simple" +# '#fields': +# title: "Heading" +# image: +# src: "http://via.placeholder.com/150x150" +# caption: "Some caption text for the image" +# text: "Some more text" +# link: +# label: "Call to action" +# path: "http://example.com" +# highlighted: true +# expandable: +# hidden: false +# label_expanded: "Expand" +# label_collapsed: "Collapse" +# content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." +# assertions: +# count: +# 'article.ecl-featured-item.ecl-featured-item--highlight': 1 +# 'h2.ecl-u-type-heading-2': 1 +# 'div.ecl-featured-item__container': 1 +# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 0 +# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 +# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 +# 'iframe': 0 +# 'figcaption.ecl-media-container__caption': 1 +# 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 +# 'div.ecl-expandable.ecl-media-container__expandable': 1 +# 'button[data-ecl-label-expanded="Expand"][data-ecl-label-collapsed="Collapse"]': 1 +# equals: +# 'h2.ecl-u-type-heading-2': "Heading" +# 'figcaption.ecl-media-container__caption': "Some caption text for the image" +# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" +# 'a.ecl-link span.ecl-link__label': "Call to action" +# 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' +# 'div.ecl-expandable__content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#fields': +# title: "Heading" +# text_title: "Title" +# caption: "Some caption text for the image" +# text: "Some more text" +# expandable: +# id: 'text-featured-media-1' +# hidden: true +# content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." +# assertions: +# count: +# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 +# 'div.ecl-featured-item__container': 1 +# 'div.ecl-col-md-6': 0 +# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 +# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 +# 'div.ecl-featured-item__item.ecl': 0 +# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 +# 'iframe': 0 +# 'figcaption.ecl-media-container__caption': 0 +# 'a.ecl-link': 0 +# 'div.ecl-expandable.ecl-media-container__expandable': 0 +# 'div#text-featured-media-1.text-featured-media-hidden-content': 1 +# equals: +# 'h2.ecl-u-type-heading-2': "Heading" +# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" +# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" +# 'div#text-featured-media-1.text-featured-media-hidden-content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#variant': "right_featured" +# '#fields': +# title: "Heading" +# text_title: "Title" +# image: +# src: "http://via.placeholder.com/150x150" +# text: "Some more text" +# link: +# label: "Call to action" +# path: "http://example.com" +# assertions: +# count: +# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 +# 'div.ecl-featured-item__container': 1 +# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 +# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 +# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 +# 'iframe': 0 +# 'figcaption.ecl-media-container__caption': 0 +# 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 +# 'div.ecl-expandable.ecl-media-container__expandable': 0 +# equals: +# 'h2.ecl-u-type-heading-2': "Heading" +# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" +# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" +# 'a.ecl-link span.ecl-link__label': "Call to action" +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#fields': +# title: "Heading" +# caption: "Some caption" +# assertions: +# count: +# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 +# 'article.ecl-featured-item': 1 +# 'div.ecl-featured-item__container': 1 +# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 +# 'div.ecl-col-md-6.ecl-u-mb-m.ecl-u-mb-md-none': 0 +# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 +# 'iframe': 0 +# 'figcaption.ecl-media-container__caption': 0 +# 'h2.ecl-u-type-heading-2': 1 +# 'a.ecl-link': 0 +# 'div.ecl-expandable.ecl-media-container__expandable': 0 +# equals: +# 'h2.ecl-u-type-heading-2': "Heading" +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#variant': "left_featured" +# '#fields': +# title: "Heading" +# video: +# '#type': 'html_tag' +# '#tag': 'iframe' +# '#attributes': +# id: 'videoplayerI-181645' +# src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' +# text: "Some more text" +# link: +# label: "Call to action" +# path: "http://example.com" +# assertions: +# count: +# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 +# 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 +# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 +# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 +# 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 +# 'figcaption.ecl-media-container__caption': 0 +# 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 +# equals: +# 'h2.ecl-u-type-heading-2': "Heading" +# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" +# 'a.ecl-link span.ecl-link__label': "Call to action" +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#fields': +# video: +# '#type': 'html_tag' +# '#tag': 'iframe' +# '#attributes': +# id: 'videoplayerI-181645' +# src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' +# video_ratio: "invalid" +# assertions: +# count: +# 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 +# 'div.ecl-expandable.ecl-media-container__expandable': 0 +#- array: +# '#type': pattern +# '#id': text_featured_media +# '#fields': +# video: +# '#type': 'html_tag' +# '#tag': 'iframe' +# '#attributes': +# id: 'videoplayerI-181645' +# src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' +# video_ratio: "1:1" +# link: +# label: "Call to action" +# path: "http://example.com" +# assertions: +# count: +# 'div.ecl-media-container__media--ratio-1-1 iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 +# 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 +# 'div.ecl-expandable.ecl-media-container__expandable': 0 +#- array: +# '#type': pattern +# '#id': icons_with_text +# '#fields': +# items: +# - +# icon: "file" +# text: "Culture | Innovation" +# - +# icon: "calendar" +# size: "s" +# text: "15-16 November 2019, 08:00 AM" +# - +# icon: "location" +# text: "Brussels, Belgium" +# - +# icon: "livestreaming" +# size: "xs" +# text: "Live streaming available" +# assertions: +# count: +# 'ul.ecl-unordered-list--no-bullet': 1 +# 'ul li.ecl-unordered-list__item': 4 +# 'ul li.ecl-unordered-list__item svg': 4 +# equals: +# 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' +# 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' +# 'ul li.ecl-unordered-list__item:nth-child(3)': 'Brussels, Belgium' +# 'ul li.ecl-unordered-list__item:nth-child(4)': 'Live streaming available' +#- array: +# '#type': pattern +# '#id': icons_with_text +# assertions: +# count: +# 'ul.ecl-unordered-list--no-bullet': 0 +#- array: +# '#type': pattern +# '#id': icons_with_text +# '#fields': +# items: +# - +# icon: "file" +# text: "Culture | Innovation" +# - +# text: "15-16 November 2019, 08:00 AM" +# - +# icon: "location" +# - +# icon: "livestreaming" +# text: "Live streaming available" +# assertions: +# count: +# 'ul.ecl-unordered-list--no-bullet': 1 +# 'ul li.ecl-unordered-list__item': 3 +# 'ul li.ecl-unordered-list__item svg': 3 +# equals: +# 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' +# 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' +# 'ul li.ecl-unordered-list__item:nth-child(3)': 'Live streaming available' +#- array: +# '#type': "pattern" +# '#id': "tag" +# '#variant': "default" +# '#fields': +# tag_type: "link" +# url: "http://example.com" +# label: "Tag label" +# assertions: +# equals: +# 'a.ecl-tag': "Tag label" +# count: +# 'a.ecl-tag[href="http://example.com"]': 1 +#- array: +# '#type': "pattern" +# '#id': "tag" +# '#variant': "default" +# '#fields': +# tag_type: "removable" +# url: "http://example.com" +# label: "Tag label" +# assertions: +# contains: +# '.ecl-tag': "Tag label" +# count: +# '.ecl-tag--removable': 1 +#- array: +# '#type': "pattern" +# '#id': "navigation_menu" +# '#variant': "vertical" +# '#fields': +# label: "Menu" +# site_name: "Site name" +# items: +# - href: "#" +# label: 'Parent 1' +# children: +# - href: '#' +# label: 'Child 1.1' +# is_current: true +# external: true +# - href: '#' +# label: 'Child 1.2' +# - href: '#' +# label: 'Child 1.3' +# external: true +# - href: '#' +# label: 'Child 1.4' +# - href: "#" +# label: "Parent 2" +# children: +# - href: '#' +# label: 'Child 2.1' +# - href: '#' +# label: 'Child 2.2' +# - href: '#' +# label: 'Child 2.3' +# external: true +# - href: "#" +# label: "Link" +# assertions: +# count: +# "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"2\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 +# "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 +# "li.ecl-menu__item:nth-child(2) button[aria-label=\"Access item's children\"]": 1 +# "div.ecl-container.ecl-menu__container section.ecl-menu__inner[data-ecl-menu-inner]": 1 +# "a.ecl-link--standalone.ecl-button.ecl-button--tertiary.ecl-menu__open.ecl-link--icon-only": 1 +# equals: +# 'a.ecl-menu__open.ecl-link--icon-only span.ecl-link__label': 'Menu' +# '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" +# '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" +# 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(1) a.ecl-menu__link': "Parent 1" +# 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(2) a.ecl-menu__link': "Parent 2" +# 'li.ecl-menu__item:not(ecl-menu__item--has-children):nth-child(3) a.ecl-menu__link': "Link" +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.1' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.3' +# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 2.3' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' +# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 2.1' +# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 2.2' +# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +# 'li.ecl-menu__item:nth-child(3) a.ecl-menu__link': "Link" +#- array: +# '#type': "pattern" +# '#id': "navigation_menu" +# '#variant': "vertical" +# '#fields': +# label: "Custom Menu" +# max_lines: 3 +# items: +# - href: "#" +# label: 'Parent 1' +# children: +# - href: '#' +# label: 'Child 1.1' +# - href: '#' +# label: 'Child 1.2' +# - href: '#' +# label: 'Child 1.3' +# - href: '#' +# label: 'Child 1.4' +# - href: '#' +# label: 'Child 1.5' +# - href: '#' +# label: 'Child 1.6' +# - href: '#' +# label: 'Child 1.7' +# - href: '#' +# label: 'Child 1.8' +# assertions: +# count: +# "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"3\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 +# "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 +# equals: +# '.ecl-menu__open .ecl-link__label': "Custom Menu" +# '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" +# '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" +# 'li.ecl-menu__item:nth-child(1) a.ecl-menu__link': "Parent 1" +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 1.1' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink': 'Child 1.3' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(5) a.ecl-menu__sublink': 'Child 1.5' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(6) a.ecl-menu__sublink': 'Child 1.6' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(7) a.ecl-menu__sublink': 'Child 1.7' +# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(8) a.ecl-menu__sublink': 'Child 1.8' +#- array: +# '#type': 'pattern' +# '#id': 'link' +# '#fields': +# url: '/' +# text: 'Link text' +# assertions: +# equals: +# 'a.ecl-link.ecl-link--standalone': 'Link text' +# count: +# 'a.ecl-link[href="/"]': 1 +#- array: +# '#type': 'pattern' +# '#id': 'link' +# '#fields': +# url: '/' +# text: 'Link text' +# variant: 'standalone' +# assertions: +# equals: +# 'a.ecl-link.ecl-link--standalone': 'Link text' +#- array: +# '#type': 'pattern' +# '#id': 'link' +# '#fields': +# url: '/' +# text: 'Link text' +# variant: 'cta' +# assertions: +# equals: +# 'a.ecl-link.ecl-link--cta': 'Link text' +#- array: +# '#type': 'pattern' +# '#id': 'facts_figures' +# '#fields': +# items: +# - icon: 'instagram' +# value: '00.0 million' +# title: 'Lorem ipsum' +# description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' +# - icon: 'external' +# value: '10.0 millions' +# title: 'Nam lacinia nisl eget diam mattis' +# description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' +# view_all: +# label: 'View all metrics' +# path: 'https://example.com' +# external_link: true +# assertions: +# count: +# 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 +# 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 +# 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 +# 'div.ecl-fact-figures__view-all': 1 +# equals: +# 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' +# 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__value': '00.0 million' +# 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__title': 'Lorem ipsum' +# 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__description': 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' +# 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' +# 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__value': '10.0 millions' +# 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__title': 'Nam lacinia nisl eget diam mattis' +# 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__description': 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' +# 'div.ecl-fact-figures__view-all a.ecl-link.ecl-link--standalone.ecl-link--icon.ecl-fact-figures__view-all-link[href="https://example.com"] span.ecl-link__label': 'View all metrics' +# 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +#- array: +# '#type': 'pattern' +# '#id': 'facts_figures' +# '#fields': +# items: +# - icon: 'instagram' +# value: '00.0 million' +# title: 'Lorem ipsum' +# description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' +# - icon: 'external' +# value: '10.0 millions' +# title: 'Nam lacinia nisl eget diam mattis' +# description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' +# assertions: +# count: +# 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 +# 'div.ecl-fact-figures__view-all': 0 +#- array: +# '#type': 'pattern' +# '#id': 'active_search_filters' +# '#fields': +# name: 'Source' +# items: +# - label: 'DG Trad' +# url: 'http://dg-trad.com' +# - label: 'Health, well-being & Consumer protection' +# url: 'http://health.com' +# - label: 'No link' +# url: '' +# assertions: +# count: +# 'div.active-search-filters.ecl-u-d-m-flex': 1 +# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 1 +# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 1 +# 'span.ecl-tag__icon': 2 +# 'svg.ecl-icon.ecl-icon--xs.ecl-tag__icon-close-filled': 2 +# contains: +# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 'DG Trad' +# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 'Health, well-being & Consumer protection' +# 'div.ecl-u-mr-xs.ecl-u-mt-s.ecl-tag.ecl-tag--removable': 'No link' +# equals: +# 'div.active-search-filters__name span': 'Source' +#- array: +# '#type': 'pattern' +# '#id': 'list_with_illustration' +# '#fields': +# square_image: false +# zebra: true +# column: 1 +# items: +# - title: "Business, Economy, Euro" +# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# image: +# src: "https://placeimg.com/1000/500/arch" +# alt: "Alternative text for featured item image 1" +# - title: "About the European Union" +# description: "The EU and its institutions, how to visit and work at the EU." +# image: +# src: "https://placeimg.com/500/500/arch" +# alt: "Alternative text for featured item image 2" +# assertions: +# count: +# div.ecl-list-illustration: 1 +# div.ecl-list-illustration.ecl-list-illustration--centered: 0 +# div.ecl-list-illustration.ecl-list-illustration--zebra: 1 +# div.ecl-list-illustration__item: 2 +# div.ecl-list-illustration__value: 0 +# img.ecl-list-illustration__image: 2 +# img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 +# img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--m: 0 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 +# contains: +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +#- array: +# '#type': 'pattern' +# '#id': 'list_with_illustration' +# '#fields': +# square_image: true +# zebra: true +# column: 1 +# centered: true +# items: +# - title: "Business, Economy, Euro" +# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# image: +# src: "https://placeimg.com/1000/500/arch" +# alt: "Alternative text for featured item image 1" +# media_size: 'l' +# - title: "About the European Union" +# description: "The EU and its institutions, how to visit and work at the EU." +# image: +# src: "https://placeimg.com/500/500/arch" +# alt: "Alternative text for featured item image 2" +# value: 'Highlighted image' +# media_size: 'l' +# assertions: +# count: +# div.ecl-list-illustration: 1 +# div.ecl-list-illustration.ecl-list-illustration--zebra: 1 +# div.ecl-list-illustration__item: 2 +# img.ecl-list-illustration__image: 2 +# div.ecl-list-illustration__value: 1 +# img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--l: 2 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 +# 'div.ecl-list-illustration__item svg.ecl-icon': 0 +# contains: +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__value': 'Highlighted image' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +#- array: +# '#type': 'pattern' +# '#id': 'list_with_illustration' +# '#fields': +# square_image: false +# zebra: false +# column: 1 +# items: +# - title: "Business, Economy, Euro" +# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# icon: "growth" +# - title: "About the European Union" +# description: "The EU and its institutions, how to visit and work at the EU." +# icon: "budget" +# assertions: +# count: +# div.ecl-list-illustration: 1 +# div.ecl-list-illustration.ecl-list-illustration--centered: 0 +# div.ecl-list-illustration.ecl-list-illustration--zebra: 0 +# div.ecl-list-illustration__item: 2 +# img.ecl-list-illustration__image: 0 +# contains: +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +# equals: +# 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' +# 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' +#- array: +# '#type': 'pattern' +# '#id': 'list_with_illustration' +# '#fields': +# square_image: false +# zebra: true +# column: 2 +# items: +# - title: "Business, Economy, Euro" +# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# image: +# src: "https://placeimg.com/1000/500/arch" +# alt: "Alternative text for featured item image 1" +# - title: "About the European Union" +# description: "The EU and its institutions, how to visit and work at the EU." +# image: +# src: "https://placeimg.com/500/500/arch" +# alt: "Alternative text for featured item image 2" +# assertions: +# count: +# div.ecl-list-illustration: 1 +# div.ecl-list-illustration.ecl-list-illustration--centered: 0 +# div.ecl-list-illustration.ecl-list-illustration--zebra: 0 +# div.ecl-list-illustration.ecl-list-illustration--col-2: 1 +# div.ecl-list-illustration__item: 2 +# img.ecl-list-illustration__image: 2 +# img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 +# contains: +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +#- array: +# '#type': 'pattern' +# '#id': 'list_with_illustration' +# '#fields': +# square_image: true +# column: 3 +# centered: true +# items: +# - title: "Business, Economy, Euro" +# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# image: +# src: "https://placeimg.com/1000/500/arch" +# alt: "Alternative text for featured item image 1" +# media_size: 's' +# - title: "About the European Union" +# description: "The EU and its institutions, how to visit and work at the EU." +# image: +# src: "https://placeimg.com/500/500/arch" +# alt: "Alternative text for featured item image 2" +# media_size: 's' +# assertions: +# count: +# div.ecl-list-illustration: 1 +# div.ecl-list-illustration.ecl-list-illustration--centered: 1 +# div.ecl-list-illustration.ecl-list-illustration--col-3: 1 +# div.ecl-list-illustration__item: 2 +# img.ecl-list-illustration__image: 2 +# img.ecl-list-illustration__image.ecl-list-illustration__image--square: 2 +# img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--s: 2 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 +# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 +# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 +# contains: +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +#- array: +# '#type': 'pattern' +# '#id': 'list_with_illustration' +# '#fields': +# square_image: false +# column: 2 +# items: +# - title: "Business, Economy, Euro" +# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +# icon: "growth" +# - title: "About the European Union" +# description: "The EU and its institutions, how to visit and work at the EU." +# icon: "budget" +# assertions: +# count: +# div.ecl-list-illustration: 1 +# div.ecl-list-illustration.ecl-list-illustration--col-2: 1 +# div.ecl-list-illustration__item: 2 +# img.ecl-list-illustration__image: 0 +# contains: +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' +# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' +# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +# equals: +# 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' +# 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' +#- array: +# '#type': 'pattern' +# '#id': 'news_ticker' +# '#fields': +# identifier: "news-ticker-example" +# items: +# - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" +# link: "http://example.com" +# external_link: TRUE +# - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" +# - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" +# link: "http://example.com" +# - content: "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" +# - content: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" +# link: "http://example.com" +# external_link: TRUE +# - content: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" +# link: "http://example.com" +# assertions: +# count: +# div.ecl-news-ticker: 1 +# div.ecl-news-ticker__container: 1 +# div.ecl-news-ticker__content: 1 +# ul#news-ticker-example-content.ecl-news-ticker__slides: 1 +# li.ecl-news-ticker__slide: 6 +# a.ecl-link.ecl-news-ticker__slide-text: 4 +# div.ecl-news-ticker__counter: 1 +# div.ecl-news-ticker__controls: 1 +# contains: +# li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" +# li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" +# li.ecl-news-ticker__slide:nth-child(3) a.ecl-linkecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" +# li.ecl-news-ticker__slide:nth-child(4): "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" +# li.ecl-news-ticker__slide:nth-child(5) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" +# li.ecl-news-ticker__slide:nth-child(6) a.ecl-link.ecl-news-ticker__slide-text: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" +# equals: +# li.ecl-news-ticker__slide:nth-child(1) a svg.ecl-link__icon: '' +# li.ecl-news-ticker__slide:nth-child(5) a svg.ecl-link__icon: '' +# svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' +# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: '1' +# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '6' +# button.ecl-news-ticker__prev span.ecl-button__label: 'Previous news item' +# button.ecl-news-ticker__next span.ecl-button__label: 'Next news item' +# button.ecl-news-ticker__pause span.ecl-button__label: 'Pause news ticker' +# button.ecl-news-ticker__play span.ecl-button__label: 'Play news ticker' +#- array: +# '#type': 'pattern' +# '#id': 'news_ticker' +# '#fields': +# items: +# - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" +# link: "http://example.com" +# - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" +# - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" +# link: "http://example.com" +# counter_label: "in" +# assertions: +# count: +# div.ecl-news-ticker: 1 +# div.ecl-news-ticker__container: 1 +# div.ecl-news-ticker__content: 1 +# ul.ecl-news-ticker__slides: 1 +# li.ecl-news-ticker__slide: 3 +# a.ecl-link.ecl-news-ticker__slide-text: 2 +# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: 1 +# div.ecl-news-ticker__controls: 1 +# contains: +# li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" +# li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" +# li.ecl-news-ticker__slide:nth-child(3) a.ecl-link.ecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" +# div.ecl-news-ticker__counter: '1 in' +# equals: +# svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' +# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '3' +#- array: +# '#type': 'pattern' +# '#id': 'carousel' +# '#fields': +# items: +# - title: "Lorem ipsum dolor sit amet" +# description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" +# url: "https://example.com" +# url_text: "CTA 1" +# image: "https://picsum.photos/seed/picsum/600/300" +# variant: "text-box" +# centered: false +# credit: "© Copyright first item" +# - title: "Duis vitae pulvinar turpis" +# description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" +# url: "https://example.com" +# url_text: "CTA 2" +# image: "https://picsum.photos/seed/picsum/600/300" +# variant: "text-overlay" +# - title: "Donec maximus pharetra ex a ultricies" +# description: "Integer quis lorem tellus." +# url: "https://example.com" +# url_text: "CTA 3" +# - title: "Donec maximus pharetra" +# centered: false +# - title: "Lorem ipsum dolor sit amet" +# description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" +# image: "https://picsum.photos/seed/picsum/600/300" +# variant: "text-box" +# centered: true +# - title: "Duis vitae pulvinar turpis" +# url: "https://example.com" +# url_text: "CTA 4" +# image: "https://picsum.photos/seed/picsum/600/300" +# variant: "text-overlay" +# centered: false +# assertions: +# count: +# section.ecl-carousel.ecl-carousel--full-width: 0 +# section.ecl-carousel: 1 +# div.ecl-carousel__container: 1 +# div.ecl-carousel__slides: 1 +# div.ecl-carousel__slide: 6 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-box: 2 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner.ecl-banner--text-box.ecl-banner--centered: 1 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay: 2 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered: 1 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background: 2 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background.ecl-banner--centered: 1 +# div.ecl-carousel__controls: 1 +# section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 +# section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 +# section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 +# section.ecl-banner--text-overlay.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 +# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__title: 2 +# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content p.ecl-banner__description: 1 +# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__cta: 1 +# equals: +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 1' +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) footer.ecl-banner__credit small: '© Copyright first item' +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 2' +# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra ex a ultricies' +# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus.' +# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 3' +# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra' +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' +# div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' +# div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 4' +# button.ecl-carousel__navigation-item:nth-child(1): '1' +# button.ecl-carousel__navigation-item:nth-child(2): '2' +# button.ecl-carousel__navigation-item:nth-child(3): '3' +# button.ecl-carousel__navigation-item:nth-child(4): '4' +# button.ecl-carousel__navigation-item:nth-child(5): '5' +# button.ecl-carousel__navigation-item:nth-child(6): '6' +#- array: +# '#type': 'pattern' +# '#id': 'carousel' +# '#fields': +# items: +# - title: "Donec maximus pharetra ex a ultricies" +# description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies" +# url: "https://example.com" +# url_text: "CTA 1" +# image: "https://picsum.photos/seed/picsum/600/300" +# variant: "text-box" +# - title: "Lorem ipsum dolor sit amet" +# description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" +# url: "https://example.com" +# url_text: "CTA 2" +# variant: "plain-background" +# centered: false +# - title: "Duis vitae pulvinar turpis" +# description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" +# url: "https://example.com" +# url_text: "CTA 3" +# variant: "plain-background" +# centered: false +# counter_label: 'in' +# full_width: true +# size: 'l' +# assertions: +# count: +# section.ecl-carousel.ecl-carousel--full-width: 1 +# div.ecl-carousel__slide: 3 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--text-box.ecl-banner--centered: 1 +# div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--plain-background: 2 +# section.ecl-banner--text-box.ecl-banner--l picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 +# contains: +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title: 'Donec maximus pharetra ex a ultricies' +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies' +# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 1' +# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Lorem ipsum dolor sit amet' +# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' +# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 2' +# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Duis vitae pulvinar turpis' +# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' +# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 3' +# div.ecl-carousel__pagination: 'in 3' From 0a5f4ad852de16c4873f04db594393bfc50ecfc9 Mon Sep 17 00:00:00 2001 From: Sergii Pavlenko Date: Fri, 2 Feb 2024 12:24:47 +0200 Subject: [PATCH 07/11] EWPP-3844: Fix failures for select form element. --- runner.yml.dist | 2 ++ templates/form/select.html.twig | 1 - tests/src/Kernel/fixtures/rendering.yml | 8 ++++---- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/runner.yml.dist b/runner.yml.dist index 95a9956d7..ed1291705 100644 --- a/runner.yml.dist +++ b/runner.yml.dist @@ -51,6 +51,8 @@ drupal: - "bower_components" - "vendor" - "${drupal.root}" + - "ecl-build" + - "components" file_private_path: 'sites/default/files/private' databases: sparql_default: diff --git a/templates/form/select.html.twig b/templates/form/select.html.twig index ee0ab4fd1..e4bd44b91 100644 --- a/templates/form/select.html.twig +++ b/templates/form/select.html.twig @@ -61,7 +61,6 @@ input: { input_type: 'select', icon_path: ecl_icon_path, - icon_size: 's', id: attributes.id, name: attributes.name, width: width|default('m'), diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml index e4144ad4e..4800ba84b 100644 --- a/tests/src/Kernel/fixtures/rendering.yml +++ b/tests/src/Kernel/fixtures/rendering.yml @@ -58,7 +58,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' @@ -79,7 +79,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' @@ -101,7 +101,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' @@ -125,7 +125,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' From 6ff2d61f502c73f1d3760ee3198758da1ec1558d Mon Sep 17 00:00:00 2001 From: Imanol Eguskiza Date: Mon, 5 Feb 2024 14:43:53 +0100 Subject: [PATCH 08/11] EWPP-3844: Restore tests. --- tests/src/Kernel/fixtures/rendering.yml | 6947 +++++++++++------------ 1 file changed, 3473 insertions(+), 3474 deletions(-) diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml index 4800ba84b..a4868b0e1 100644 --- a/tests/src/Kernel/fixtures/rendering.yml +++ b/tests/src/Kernel/fixtures/rendering.yml @@ -54,16 +54,16 @@ 3: Three assert: count: - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="2"]': 'Two' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': select @@ -75,16 +75,16 @@ 3: Three assert: count: - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="2"]': 'Two' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="2"]': 'Two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': select @@ -97,17 +97,17 @@ 3: Three assert: count: - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': select @@ -121,17 +121,17 @@ 3: Three assert: count: - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m': 1 + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m': 1 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="1"]': 'One' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' - 'div.ecl-form-group.ecl-form-group--select.ecl-u-mv-m select.ecl-select option[value="3"]': 'Three' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.1"]': 'Two point one' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select optgroup[label="Two"] option[value="2.2"]': 'Two point two' + 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="3"]': 'Three' 'div.ecl-select__icon button.ecl-button--icon-only svg': '' - array: '#type': radios @@ -182,8 +182,7 @@ contains: - 'Checkbox' count: - 'div.ecl-form-group.form-disabled': 1 - 'div.ecl-checkbox--disabled input[disabled]': 1 + 'div.ecl-checkbox.ecl-checkbox--disabled': 1 - array: '#type': checkbox '#title': Checkbox @@ -213,3454 +212,3454 @@ contains: - 'Radio' count: - 'div.ecl-form-group.form-disabled': 1 + 'div.ecl-radio--disabled label.ecl-radio__label': 1 'div.ecl-radio--disabled input[disabled]': 1 -#- array: -# '#type': pattern -# '#id': banner -# '#variant': "text_box" -# '#fields': -# image: -# src: "http://via.placeholder.com/150x150" -# title: "Banner title" -# url: "http://example.com" -# label: "Subscribe" -# description: "Banner description" -# centered: true -# credit: "© Copyright or credit" -# size: "l" -# assertions: -# count: -# 'section.ecl-banner.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered': 1 -# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 -# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 -# '.ecl-banner--full-width': 0 -# 'footer.ecl-banner__credit small': 1 -# equals: -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description -# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe -# 'footer.ecl-banner__credit small': © Copyright or credit -#- array: -# '#type': pattern -# '#id': banner -# '#fields': -# image: -# src: "http://via.placeholder.com/150x150" -# title: "Banner title" -# url: "http://example.com" -# label: "Subscribe" -# description: "Banner description" -# centered: false -# full_width: true -# credit: "© Copyright or credit" -# assertions: -# count: -# 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 -# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 -# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 -# 'footer.ecl-banner__credit small': 0 -# equals: -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description -# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe -#- array: -# '#type': pattern -# '#id': banner -# '#variant': "text_box" -# '#fields': -# title: "Banner title" -# description: "Banner description" -# url: "http://example.com" -# label: "Example" -# image: -# src: "http://via.placeholder.com/150x150" -# centered: true -# full_width: false -# size: "s" -# assertions: -# count: -# 'section.ecl-banner.ecl-banner--text-box.ecl-banner--s.ecl-banner--centered': 1 -# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 -# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 -# '.ecl-banner--full-width': 0 -# 'footer.ecl-banner__credit small': 0 -# equals: -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description -# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example -#- array: -# '#type': pattern -# '#id': banner -# '#variant': "text_overlay" -# '#fields': -# title: "Banner title" -# description: "Banner description" -# url: "http://example.com" -# label: "Example" -# image: -# src: "http://via.placeholder.com/150x150" -# centered: false -# full_width: false -# size: "l" -# assertions: -# count: -# 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered': 0 -# 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l': 1 -# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 -# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 -# '.ecl-banner--full-width': 0 -# 'footer.ecl-banner__credit small': 0 -# equals: -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description -# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example -#- array: -# '#type': pattern -# '#id': banner -# '#variant': "text_overlay" -# '#fields': -# title: "Banner title" -# description: "Banner description" -# url: "http://example.com" -# label: "Example" -# image: -# src: "http://via.placeholder.com/150x150" -# centered: true -# full_width: true -# credit: "© Copyright or credit" -# size: "l" -# assertions: -# count: -# 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered.ecl-banner--full-width': 1 -# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 -# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 -# 'footer.ecl-banner__credit small': 1 -# equals: -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description -# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example -# 'footer.ecl-banner__credit small': © Copyright or credit -#- array: -# '#type': pattern -# '#id': banner -# '#fields': -# title: "Banner title" -# description: "Banner description" -# url: "http://example.com" -# label: "Example" -# image: -# src: "http://via.placeholder.com/150x150" -# centered: false -# full_width: true -# credit: "© Copyright or credit" -# assertions: -# count: -# 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width.ecl-banner--centered': 0 -# 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 -# 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 -# 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 -# 'footer.ecl-banner__credit small': 0 -# equals: -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title -# 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description -# 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example -#- array: -# '#type': pattern -# '#id': banner_video -# '#fields': -# video: -# description: "Video caption" -# image: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" -# alt: "Jean Monnet banner." -# sources: -# - src: "https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" -# src_type: "video/mp4" -# description: "Banner description" -# assertions: -# count: -# 'section.ecl-video-banner': 1 -# 'video.ecl-media-container__media[poster="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 -# 'source[src="https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"][type="video/mp4"]': 1 -# equals: -# 'figcaption.ecl-media-container__caption': 'Video caption' -# 'p.ecl-u-type-paragraph': "Banner description" -#- array: -# '#type': pattern -# '#id': file -# '#fields': -# button_label: "Download" -# file: -# title: "File title example" -# name: "document.pdf" -# url: "http://example.com" -# mime: "application/pdf" -# size: "10000" -# language_code: "en" -# assertions: -# count: -# 'svg.ecl-file__icon': 1 -# 'a.ecl-file__download[href="http://example.com"]': 1 -# equals: -# 'div.ecl-file__title': "File title example" -# 'div.ecl-file__language': "English" -# 'div.ecl-file__meta': "(9.77 KB - PDF)" -# 'a.ecl-file__download .ecl-link__label': "Download" -#- array: -# '#type': pattern -# '#id': file_translation -# '#fields': -# button_label: "Download" -# file: -# variant: "translation" -# title: "File title example" -# name: "document.pdf" -# url: "http://example.com" -# mime: "application/pdf" -# size: "10000" -# language_code: "en" -# translations: -# - mime: "application/vnd.ms-excel" -# url: "http://example.com/document_fr.xls" -# size: "150000" -# name: "document.xls" -# language_code: "fr" -# - mime: "application/vnd.ms-powerpoint" -# url: "http://example.com/document_it.ppt" -# size: "160000" -# name: "document.ppt" -# language_code: "it" -# - mime: "application/pdf" -# url: "http://example.com/document_hu.pdf" -# size: "170000" -# name: "document.pdf" -# language_code: "hu" -# - mime: "application/doc" -# url: "http://example.com/document_pt.doc" -# size: "180000" -# name: "document.doc" -# language_code: "pt-pt" -# translation_toggle_label: "Other translations" -# more_info: "Custom information snippet." -# publication_date: "31 August 2020" -# assertions: -# count: -# 'svg.ecl-file__icon': 1 -# 'a.ecl-file__download[href="http://example.com"]': 1 -# 'div.ecl-file__translation-container': 1 -# 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 -# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 -# 'a.ecl-file__translation-download[hreflang="fr"]': 1 -# 'a.ecl-file__translation-download[hreflang="it"]': 1 -# 'a.ecl-file__translation-download[hreflang="hu"]': 1 -# 'a.ecl-file__translation-download[hreflang="pt"]': 1 -# '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 1 -# equals: -# 'div.ecl-file__title': "File title example" -# 'div.ecl-file__language': "English" -# 'div.ecl-file__meta': "(9.77 KB - PDF)" -# 'a.ecl-file__download .ecl-link__label': "Download" -# 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" -# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "italiano" -# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" -# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "magyar" -# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" -# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "português" -# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" -# '.ecl-file__translation-description': "Custom information snippet." -# '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': '31 AUGUST 2020' -#- array: -# '#type': pattern -# '#id': file_translation -# '#fields': -# button_label: "Download" -# file: -# variant: "translation" -# title: "File title example" -# name: "document.pdf" -# url: "http://example.com" -# mime: "application/pdf" -# size: "10000" -# language_code: "en" -# translations: -# - mime: "application/vnd.ms-excel" -# url: "http://example.com/document_fr.xls" -# size: "150000" -# name: "document.xls" -# language_code: "fr" -# more_info: "Custom information snippet." -# assertions: -# count: -# 'svg.ecl-file__icon': 1 -# 'a.ecl-file__download[href="http://example.com"]': 1 -# 'div.ecl-file__translation-container': 1 -# 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 -# '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 0 -# equals: -# 'div.ecl-file__title': "File title example" -# 'div.ecl-file__language': "English" -# 'div.ecl-file__meta': "(9.77 KB - PDF)" -# 'a.ecl-file__download .ecl-link__label': "Download" -# 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" -# '.ecl-file__translation-description': "Custom information snippet." -#- array: -# '#type': pattern -# '#id': file_teaser -# '#fields': -# button_label: "Download" -# teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." -# file: -# title: "Example document" -# name: "document.pdf" -# url: "http://example.com" -# mime: "application/pdf" -# size: "140000" -# language_code: "en" -# thumbnail: -# src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" -# alt: "thumbnail alt" -# resource_type: "RESOURCE TYPE" -# publication_date: "2020-31-08" -# translations: -# - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." -# file: -# title: "French translation" -# mime: "application/vnd.ms-excel" -# url: "http://example.com/document_fr.xls" -# size: "150000" -# name: "document.xls" -# language_code: "fr" -# - teaser: "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." -# file: -# title: "Italian translation" -# mime: "application/vnd.ms-powerpoint" -# url: "http://example.com/document_it.ppt" -# size: "160000" -# name: "document.ppt" -# language_code: "it" -# - teaser: "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." -# file: -# title: "Hungarian translation" -# mime: "application/pdf" -# url: "http://example.com/document_hu.pdf" -# size: "170000" -# name: "document.pdf" -# language_code: "hu" -# - teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." -# file: -# title: "Portugies translation" -# mime: "application/doc" -# url: "http://example.com/document_pt.doc" -# size: "180000" -# name: "document.doc" -# language_code: "pt-pt" -# translation_toggle_label: "Other translations" -# more_info: "Looking for another language which is not on the list? Find out why." -# badges: -# - label: "Highlighted" -# variant: "highlight" -# assertions: -# count: -# 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 -# 'img.ecl-file__image[alt="thumbnail alt"]': 1 -# 'a.ecl-file__download[href="http://example.com"]': 1 -# 'div.ecl-file.ecl-file--thumbnail': 1 -# 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 -# 'div.ecl-file__container div.ecl-file__info': 1 -# 'div.ecl-file__translation-container': 1 -# 'ul.ecl-file__translation-list': 1 -# 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 -# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 -# 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 1 -# equals: -# 'div.ecl-file__info div.ecl-file__title': "Example document" -# 'div.ecl-file__info div.ecl-file__description': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies.' -# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' -# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' -# 'div.ecl-file__footer div.ecl-file__language': "English" -# 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" -# 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" -# 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" -# '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" -# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "Italian translation" -# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-description': "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." -# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-language': "italiano" -# '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" -# '.ecl-file__translation-item:nth-child(2) .ecl-link__label': "Download" -# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "Hungarian translation" -# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-description': "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." -# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-language': "magyar" -# '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" -# '.ecl-file__translation-item:nth-child(3) .ecl-link__label': "Download" -# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "Portugies translation" -# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-description': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." -# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-language': "português" -# '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" -# '.ecl-file__translation-item:nth-child(4) .ecl-link__label': "Download" -# 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." -# 'div.ecl-file__label span.ecl-label.ecl-label--highlight': "Highlighted" -#- array: -# '#type': pattern -# '#id': file_teaser -# '#fields': -# button_label: "Download" -# teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." -# file: -# title: "Example document" -# name: "document.pdf" -# url: "http://example.com" -# mime: "application/pdf" -# size: "140000" -# language_code: "en" -# thumbnail: -# src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" -# alt: "thumbnail alt" -# resource_type: "RESOURCE TYPE" -# publication_date: "2020-31-08" -# translations: -# - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." -# file: -# title: "French translation" -# mime: "application/vnd.ms-excel" -# url: "http://example.com/document_fr.xls" -# size: "150000" -# name: "document.xls" -# language_code: "fr" -# lists: -# - term: "Keywords" -# definition: -# - label: 'Apple' -# - label: 'Orange' -# - term: "Country" -# definition: -# - 'Belgium' -# - 'Hungary' -# - term: "External links" -# definition: -# - label: 'First external link' -# path: 'https://example.com/1' -# - label: 'Second external link' -# path: 'https://example.com/2' -# external_link: TRUE -# - path: 'https://example.com/3' -# external_link: TRUE -# more_info: "Looking for another language which is not on the list? Find out why." -# length: 10 -# assertions: -# count: -# 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 -# 'img.ecl-file__image[alt="thumbnail alt"]': 1 -# 'a.ecl-file__download[href="http://example.com"]': 1 -# 'div.ecl-file.ecl-file--thumbnail': 1 -# 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 -# 'div.ecl-file__container div.ecl-file__info': 1 -# 'div.ecl-file__translation-container': 1 -# 'ul.ecl-file__translation-list': 1 -# 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 -# 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 -# 'div.ecl-file__taxonomy': 1 -# 'dl.ecl-description-list': 1 -# 'dt.ecl-description-list__term': 3 -# 'dd.ecl-description-list__definition.ecl-description-list__definition--taxonomy': 3 -# 'li.ecl-description-list__definition-item': 7 -# 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone': 3 -# 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone.ecl-link--icon': 2 -# 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 0 -# equals: -# 'div.ecl-file__info div.ecl-file__title': "Example document" -# 'div.ecl-file__info div.ecl-file__description': 'Lorem...' -# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' -# 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' -# 'div.ecl-file__footer div.ecl-file__language': "English" -# 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" -# 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" -# 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi..." -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" -# '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" -# '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" -# 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." -# 'dt.ecl-description-list__term:nth-of-type(1)': 'Keywords' -# 'dt.ecl-description-list__term:nth-of-type(2)': 'Country' -# 'dt.ecl-description-list__term:nth-of-type(3)': 'External links' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(1)': 'Apple' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(2)': 'Orange' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(1)': 'Belgium' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(2)': 'Hungary' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(1) a[href="https://example.com/1"]': 'First external link' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a[href="https://example.com/2"] .ecl-link__label': 'Second external link' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a svg.ecl-link__icon': '' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a[href="https://example.com/3"] .ecl-link__label': 'https://example.com/3' -# 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a svg.ecl-link__icon': '' -#- array: -# '#type': pattern -# '#id': file_image -# '#fields': -# variant: "image" -# src: "https://placehold.it/450x250" -# alt: "placeholder image" -# caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." -# assertions: -# count: -# 'figure.ecl-media-container__figure': 1 -# 'img.ecl-media-container__media[src="https://placehold.it/450x250"]': 1 -# equals: -# 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." -#- array: -# '#type': pattern -# '#id': file_video -# '#fields': -# variant: "video" -# src: "//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" -# src_type: "video/mp4" -# caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." -# tracks: -# src': "" -# kind': "captions" -# src_lang': "en" -# label': "English" -# assertions: -# count: -# 'figure.ecl-media-container__figure': 1 -# 'video.ecl-media-container__media': 1 -# 'video.ecl-media-container__media source[src="//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"]': 1 -# 'video.ecl-media-container__media source[type="video/mp4"]': 1 -# 'video.ecl-media-container__media track[kind="captions"]': 1 -# 'video.ecl-media-container__media track[label="English"]': 1 -# 'video.ecl-media-container__media track[srclang="en"]': 1 -# equals: -# 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." -#- array: -# '#type': pattern -# '#id': gallery -# '#variant': default -# '#fields': -# items: -# - thumbnail: -# src: 'https://loremflickr.com/320/240/cat' -# alt: 'Example alt text' -# source: 'https://loremflickr.com/800/600/cat' -# caption: 'A picture of a cat' -# meta: 'Copyright © 2021, Author and Licence' -# media_type: 'image' -# expandable: false -# disable_overlay: true -# assertions: -# count: -# '.ecl-gallery[data-ecl-gallery][data-ecl-gallery-not-expandable]': 1 -# '.ecl-gallery .ecl-gallery__list': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[alt="Example alt text"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item figcaption.ecl-gallery__description': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 1 -# '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-previous': 0 -# '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-next': 0 -# '.ecl-gallery__footer-link': 0 -# equals: -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' -# contains: -# - 'A picture of a cat' -#- array: -# '#type': pattern -# '#id': gallery -# '#variant': default -# '#fields': -# items: -# - thumbnail: -# src: 'https://loremflickr.com/320/240/cat' -# alt: 'Example alt text cat' -# source: 'https://loremflickr.com/800/600/cat' -# caption: 'A picture of a cat' -# type: 'image' -# - thumbnail: -# src: 'https://loremflickr.com/320/240/dog' -# alt: 'Example alt text dog' -# source: 'https://www.youtube.com/watch?v=1-g73ty9v04' -# caption: "Energy, let's save it!" -# meta: 'Copyright © 2021 EC' -# type: 'video' -# - thumbnail: -# src: 'https://loremflickr.com/800/600/lisbon' -# alt: 'Example alt text' -# caption: 'Meanwhile in Lisbon, the capital of Portugal' -# meta: 'Copyright © 2021, Author and Licence' -# source: 'https://loremflickr.com/800/600/lisbon' -# media_type: 'image' -# footer_link_url: 'http://example.com' -# footer_link_label: 'Further media items' -# footer_link_external: true -# visible_items: 1 -# assertions: -# count: -# '.ecl-gallery[data-ecl-gallery-visible-items="1"]': 1 -# '.ecl-gallery .ecl-gallery__list': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 3 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[alt="Example alt text cat"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) figcaption.ecl-gallery__description': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__meta': 0 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) a.ecl-gallery__item-link[href="https://www.youtube.com/watch?v=1-g73ty9v04"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[src="https://loremflickr.com/320/240/dog"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[alt="Example alt text dog"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) figcaption.ecl-gallery__description': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[src="https://loremflickr.com/800/600/lisbon"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[alt="Example alt text"]': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) figcaption.ecl-gallery__description': 1 -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 1 -# '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-previous': 1 -# '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-next': 1 -# 'dialog.ecl-gallery__overlay[data-ecl-gallery-overlay]': 1 -# 'button.ecl-gallery__view-all[data-ecl-gallery-collapsed-label="See all"][data-ecl-gallery-expanded-label="Collapse"]': 1 -# '.ecl-gallery__footer-link': 1 -# equals: -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 'Copyright © 2021 EC' -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': '' -# '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' -# '.ecl-gallery__footer-link a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"] .ecl-link__label': 'Further media items' -# '.ecl-gallery__footer-link a svg': '' -# contains: -# - 'A picture of a cat' -# - 'Energy, let's save it!' -# - 'Meanwhile in Lisbon, the capital of Portugal' -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# detail: "Item text" -# meta: -# - "Meta 1" -# - "Meta 2" -# badges: -# - label: "Highlighted" -# variant: "highlight" -# - label: "Status: Open" -# variant: "high" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# 'span.ecl-label.ecl-label--highlight': 1 -# 'span.ecl-label.ecl-label--high': 1 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--highlight': "Highlighted" -# 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--high': "Status: Open" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': "Item text" -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# detail: "Item text" -# length: 6 -# meta: -# - "Meta 1" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item': "Meta 1" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': "Item..." -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# lists: -# - -# - term: "When" -# definition: "Thursday 15 November, 08:00 AM to Friday 16 November" -# - term: "Where" -# definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list': 1 -# 'div.ecl-content-block__list-container .ecl-description-list__term': 2 -# 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 -# 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': 0 -# equals: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# detail: -# '#markup': '
      This is the detail. It is long.
      ' -# length: 24 -# meta: -# - "Meta 1" -# - "Meta 2" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# equals: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'article.ecl-content-item div.ecl-content-block__description': "
      This is the detail. It...
      " -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# external_link: true -# detail: -# '#markup': '
      This is the detail with a link. It is long. So it should count properly only the words.
      ' -# length: 30 -# meta: -# - "Meta 1" -# - "Meta 2" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"] span.ecl-link__label': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'a.ecl-link.ecl-link--standalone.ecl-link--icon svg.ecl-icon.ecl-icon--2xs.ecl-link__icon' : '' -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link span.ecl-link__label': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': '
      This is the detail with a link...
      ' -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# detail: -# '#plain_text': '
      This is the detail. It is long.
      ' -# length: 24 -# meta: -# - "Meta 1" -# - "Meta 2" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': '<div>This is the detail...' -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# detail: -# '#type': 'processed_text' -# '#text': '
      This is the detail. It is long.
      ' -# '#format': 'plain_text' -# length: 24 -# meta: -# - "Meta 1" -# - "Meta 2" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# url: "http://example.com" -# title: "Item title" -# detail: -# '#type': 'processed_text' -# '#text': '
      This is the detail. It is long.
      ' -# '#format': 'plain_text' -# length: 24 -# meta: -# - "Meta 1" -# - "Meta 2" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# 'article > div .ecl-description-list': 0 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' -#- array: -# '#type': pattern -# '#id': list_item -# '#fields': -# detail: "This is a very long description. Better to trim it off." -# length: 32 -# assertions: -# equals: -# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "thumbnail_primary" -# '#fields': -# detail: "This is a very long description. Better to trim it off." -# length: 32 -# assertions: -# equals: -# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "thumbnail_secondary" -# '#fields': -# detail: "This is a very long description. Better to trim it off." -# length: 32 -# assertions: -# equals: -# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "navigation" -# '#fields': -# detail: "This is a very long description. Better to trim it off." -# length: 32 -# assertions: -# equals: -# 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "thumbnail_primary" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# detail: "Item text" -# image: -# src: "http://via.placeholder.com/150x150" -# alt: "Alternate text for primary image" -# meta: -# - "Meta 1" -# - "Meta 2" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for primary image"]': 1 -# 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/150x150"]': 1 -# 'article.ecl-content-item picture[data-ecl-picture-link]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': "Item text" -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "thumbnail_secondary" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# detail: "Item text" -# image: -# src: "http://via.placeholder.com/120x80" -# alt: "Alternate text for secondary image" -# meta: -# - "Meta 1" -# - "Meta 2" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for secondary image"]': 1 -# 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/120x80"]': 1 -# 'article.ecl-content-item picture[data-ecl-picture-link]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--right': 1 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': "Item text" -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "highlight" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# image: -# src: "http://via.placeholder.com/300x300" -# alt: "Alternate text for secondary image" -# badges: -# - label: "Highlighted" -# variant: "highlight" -# - label: "Status: Open" -# variant: "high" -# assertions: -# count: -# article.ecl-card div.ecl-card__body div.ecl-content-block.ecl-card__content-block: 1 -# article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 -# article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 -# article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 -# article.ecl-card picture[data-ecl-picture-link]: 1 -# article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 -# article.ecl-card div.ecl-card__body div.ecl-content-block__description: 0 -# article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 1 -# ul.ecl-content-block__label-container li.ecl-content-block__label-item: 2 -# equals: -# article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" -# ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight: "Highlighted" -# ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high: "Status: Open" -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "highlight" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# image: -# src: "http://via.placeholder.com/300x300" -# alt: "Alternate text for secondary image" -# detail: "This is a very long description. Better to trim it off." -# length: 32 -# assertions: -# count: -# article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 -# article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 -# article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 -# article.ecl-card picture[data-ecl-picture-link]: 1 -# article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 -# article.ecl-card div.ecl-card__body div.ecl-content-block__description: 1 -# article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 0 -# equals: -# article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" -# article.ecl-card div.ecl-card__body div.ecl-content-block__description: "This is a very long description..." -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "block" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# detail: "Item test" -# badges: -# - label: "Highlighted" -# variant: "highlight" -# - label: "Status: Open" -# variant: "high" -# assertions: -# count: -# 'article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]': 1 -# 'article.ecl-card div.ecl-card__image': 0 -# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container': 0 -# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 -# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 -# equals: -# 'article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-card div.ecl-card__body div.ecl-content-block__description': "Item test" -# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" -# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "date" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# detail: "Item text" -# date: -# day: '14' -# month_fullname: 'July' -# month_name: 'Jul' -# month: '7' -# year: '2021' -# meta: -# - "News article" -# - "6 July 2015" -# badges: -# - label: "Highlighted" -# variant: "highlight" -# - label: "Status: Open" -# variant: "medium" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 -# equals: -# 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--highlight': "Highlighted" -# 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--medium': "Status: Open" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': "Item text" -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "date" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# detail: "Item text" -# date: -# day: '14' -# month_fullname: 'July' -# month_name: 'Jul' -# month: '7' -# year: '2021' -# meta: -# - "News article" -# - "6 July 2015" -# lists: -# - -# - term: "When" -# definition: "Thursday 15 November, 08:00 AM to Friday 16 November" -# - term: "Where" -# definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 -# 'div.ecl-content-block__list-container .ecl-description-list__term': 2 -# 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 -# equals: -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" -# 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-block__description': "Item text" -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' -# 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" -# 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "date_cancelled" -# '#fields': -# date: -# day: '14' -# month_fullname: 'July' -# month_name: 'Jul' -# month: '7' -# year: '2021' -# assertions: -# count: -# 'time.ecl-date-block.ecl-date-block--cancelled.ecl-content-item__date': 1 -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "date_ongoing" -# '#fields': -# date: -# day: '14' -# month_fullname: 'July' -# month_name: 'Jul' -# month: '7' -# year: '2021' -# assertions: -# count: -# 'time.ecl-date-block.ecl-date-block--ongoing.ecl-content-item__date': 1 -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "date_past" -# '#fields': -# date: -# day: '14' -# month_fullname: 'July' -# month_name: 'Jul' -# month: '7' -# year: '2021' -# assertions: -# count: -# 'time.ecl-date-block.ecl-date-block--past.ecl-content-item__date': 1 -#- array: -# '#type': pattern -# '#id': list_item -# '#variant': "navigation" -# '#fields': -# title: "Item title" -# url: "http://example.com" -# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# assertions: -# count: -# 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 -# 'article.ecl-content-item picture.ecl-content-item__picture--large img.ecl-content-item__image': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--left': 0 -# 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--right': 0 -# equals: -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" -# 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -#- array: -# '#type': pattern -# '#id': list_item_block_one_column -# '#fields': -# title: "Block title" -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "Business, Economy, Euro" -# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# button_label: "Button nolink" -# assertions: -# count: -# 'div.ecl-content-item-block__title': 1 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 -# 'div.ecl-content-item-block__item': 1 -# 'div.ecl-content-item-block__item.ecl-col-12': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button .ecl-u-clearfix': 1 -# 'div.ecl-content-item-block__button a.ecl-link--icon.ecl-link--standalone svg': 0 -# equals: -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# 'div.ecl-content-item-block__button .ecl-u-clearfix': "Button nolink" -#- array: -# '#type': pattern -# '#id': list_item_block_one_column -# '#fields': -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "Business, Economy, Euro" -# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# button_label: "View all" -# button_url: "http://example.com" -# button_icon_position: 'before' -# button_icon_name: 'list' -# external_link: true -# assertions: -# count: -# 'div.ecl-content-item-block__title': 0 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 -# 'div.ecl-content-item-block__item': 1 -# 'div.ecl-content-item-block__item.ecl-col-12': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button': 1 -# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 -# 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 -# equals: -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# 'a.ecl-link span.ecl-link__label': "View all" -# 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' -#- array: -# '#type': pattern -# '#id': list_item_block_one_column -# '#fields': -# title: "Block title" -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "Business, Economy, Euro" -# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# button_label: "View all" -# button_url: "http://example.com" -# external_link: false -# button_icon_name: 'list' -# button_icon_position: 'before' -# assertions: -# count: -# 'div.ecl-content-item-block__title': 1 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 -# 'div.ecl-content-item-block__item': 1 -# 'div.ecl-content-item-block__item.ecl-col-12': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button': 1 -# 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 -# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 -# equals: -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# 'a.ecl-link span.ecl-link__label': "View all" -# 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' -#- array: -# '#type': pattern -# '#id': list_item_block_one_column -# '#fields': -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "Business, Economy, Euro" -# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# assertions: -# count: -# 'div.ecl-content-item-block__title': 0 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 -# 'div.ecl-content-item-block__item': 1 -# 'div.ecl-content-item-block__item.ecl-col-12': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button': 0 -# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 -# equals: -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -#- array: -# '#type': pattern -# '#id': list_item_block_one_column -# '#fields': -# title: "Block title" -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "Business, Economy, Euro" -# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# button_label: "View all" -# button_url: "http://example.com" -# button_icon_name: "list" -# assertions: -# count: -# 'div.ecl-content-item-block__title': 1 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 -# 'div.ecl-content-item-block__item': 1 -# 'div.ecl-content-item-block__item.ecl-col-12': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button': 1 -# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 -# equals: -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# 'a.ecl-link': 'View all' -#- array: -# '#type': pattern -# '#id': list_item_block_one_column -# '#fields': -# title: "Block title" -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "Business, Economy, Euro" -# detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# button_label: "View all" -# button_url: "http://example.com" -# button_icon_name: "list" -# button_icon_position: "before" -# assertions: -# count: -# 'div.ecl-content-item-block__title': 1 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 -# 'div.ecl-content-item-block__item': 1 -# 'div.ecl-content-item-block__item.ecl-col-12': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 -# 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button': 1 -# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 -# equals: -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# 'a.ecl-link': 'View all' -#- array: -# '#type': pattern -# '#id': list_item_block_two_columns -# '#fields': -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 1" -# detail: "Description for list item 1." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 2" -# detail: "Description for list item 2." -# assertions: -# count: -# 'div.ecl-content-item-block__title': 0 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 -# 'div.ecl-content-item-block__item': 2 -# 'div.ecl-content-item-block__item.ecl-col-l-6': 2 -# 'div.ecl-content-item-block__item.ecl-col-l-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 -# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button': 0 -# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 -# equals: -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." -# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" -# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." -#- array: -# '#type': pattern -# '#id': list_item_block_two_columns -# '#fields': -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 1" -# detail: "Description for list item 1." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 2" -# detail: "Description for list item 2." -# button_label: "View all" -# button_url: "http://example.com" -# button_icon_name: "list" -# button_icon_position: "before" -# assertions: -# count: -# 'div.ecl-content-item-block__title': 0 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 -# 'div.ecl-content-item-block__item': 2 -# 'div.ecl-content-item-block__item.ecl-col-l-6': 2 -# 'div.ecl-content-item-block__item.ecl-col-l-4': 0 -# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 -# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__button': 1 -# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 -# equals: -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." -# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" -# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." -# 'a.ecl-link': 'View all' -#- array: -# '#type': pattern -# '#id': list_item_block_three_columns -# '#fields': -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 1" -# detail: "Description for list item 1." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 2" -# detail: "Description for list item 2." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 3" -# detail: "Description for list item 3." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 4" -# detail: "Description for list item 4." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 5" -# detail: "Description for list item 5." -# vertical: true -# assertions: -# count: -# 'div.ecl-content-item-block__title': 0 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 -# 'div.ecl-content-item-block__item': 8 -# 'div.ecl-content-item-block__item.ecl-col-l-6': 0 -# 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4': 3 -# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4 div.ecl-content-item-block__item.ecl-u-mb-l': 5 -# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 -# 'div.ecl-content-item-block__button': 0 -# 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 -# equals: -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 1" -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 1." -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 2" -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 2." -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 3" -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 3." -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 4" -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 4." -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 5" -# 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 5." -#- array: -# '#type': pattern -# '#id': list_item_block_three_columns -# '#fields': -# items: -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 1" -# detail: "Description for list item 1." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 2" -# detail: "Description for list item 2." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 3" -# detail: "Description for list item 3." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 4" -# detail: "Description for list item 4." -# - '#type': "pattern" -# '#id': "list_item" -# '#fields': -# title: "List item 5" -# detail: "Description for list item 5." -# button_label: "View all" -# button_url: "http://example.com" -# button_icon_name: "language" -# button_icon_position: "after" -# assertions: -# count: -# 'div.ecl-content-item-block__title': 0 -# 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 -# 'div.ecl-content-item-block__item': 5 -# 'div.ecl-content-item-block__item.ecl-col-l-6': 0 -# 'div.ecl-content-item-block__item.ecl-col-l-4': 5 -# 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 -# 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 -# 'div.ecl-content-item-block__button': 1 -# 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 -# equals: -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" -# 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." -# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" -# 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." -# 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 3" -# 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-block__description': "Description for list item 3." -# 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 4" -# 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-block__description': "Description for list item 4." -# 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 5" -# 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-block__description': "Description for list item 5." -# 'a.ecl-link': 'View all' -#- array: -# '#type': pattern -# '#id': list_item_block_four_columns -# '#fields': -# items: -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } -# button_label: "View all" -# button_url: "http://example.com" -# button_icon_name: "list" -# button_icon_position: "before" -# assertions: -# equals: -# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(1) a.ecl-link': 'A simple link 1' -# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(2) a.ecl-link': 'A simple link 2' -# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(3) a.ecl-link': 'A simple link 3' -# 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(4) a.ecl-link': 'A simple link 4' -# 'a.ecl-link--icon': 'View all' -#- array: -# '#type': pattern -# '#id': list_item_block_six_columns -# '#fields': -# items: -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 5' } } -# - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 6' } } -# button_label: "View all" -# button_url: "http://example.com" -# button_icon_name: "list" -# button_icon_position: "before" -# assertions: -# equals: -# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(1) a.ecl-link': 'A simple link 1' -# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(2) a.ecl-link': 'A simple link 2' -# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(3) a.ecl-link': 'A simple link 3' -# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(4) a.ecl-link': 'A simple link 4' -# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(5) a.ecl-link': 'A simple link 5' -# 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(6) a.ecl-link': 'A simple link 6' -# 'a.ecl-link--icon': 'View all' -#- array: -# '#type': pattern -# '#id': navigation_list -# '#fields': -# title: 'Navigation list title' -# title_url: 'http://example.com' -# external_link: true -# description: 'Navigation list description' -# links: -# - label: 'Child 1' -# url: 'http://example.com/child1' -# is_external: true -# - label: 'Child 2' -# url: 'http://example.com/child2' -# - label: 'Child 3' -# url: 'http://example.com/child3' -# secondary_links: -# - label: 'Secondary Link 1' -# url: 'http://example.com/secondary1' -# is_external: true -# - label: 'Secondary Link 2' -# url: 'http://example.com/secondary2' -# border: true -# image: -# src: "https://placeimg.com/1000/500/arch" -# alt: "Alternative text for image" -# assertions: -# equals: -# 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"] .ecl-link__label': 'Navigation list title' -# 'div.ecl-content-block__description': 'Navigation list description' -# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"] .ecl-link__label': 'Child 1' -# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' -# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' -# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/secondary1"] .ecl-link__label': 'Secondary Link 1' -# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/secondary2"]': 'Secondary Link 2' -# count: -# .ecl-content-block.ecl-navigation-list__content-block: 1 -# 'div.ecl-content-block__title a.ecl-link .ecl-icon': 1 -# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-icon': 1 -# '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-icon': 0 -# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-link__label': 1 -# '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-link__label': 0 -# 'ul.ecl-content-block__link-list': 2 -# 'li.ecl-content-block__link-item': 5 -# "img.ecl-navigation-list__image[src=\"https://placeimg.com/1000/500/arch\"]": 1 -# 'img.ecl-navigation-list__image[alt="Alternative text for image"]': 1 -#- array: -# '#type': pattern -# '#id': navigation_list -# '#fields': -# title: 'Navigation list title' -# title_url: 'http://example.com' -# description: 'Navigation list description' -# assertions: -# equals: -# 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"]': 'Navigation list title' -# 'div.ecl-content-block__description': 'Navigation list description' -# count: -# div.ecl-content-block__title a.ecl-link .ecl-icon: 0 -# .ecl-navigation-list__item.ecl-navigation-list__item--no-border: 1 -# ul.ecl-content-block__link-list: 0 -# li.ecl-content-block__link-item: 0 -# div.ecl-navigation-list__image: 0 -#- array: -# '#type': pattern -# '#id': navigation_list -# '#fields': -# title: 'Navigation list title' -# links: -# - label: 'Child 1' -# url: 'http://example.com/child1' -# - label: 'Child 2' -# url: 'http://example.com/child2' -# - label: 'Child 3' -# url: 'http://example.com/child3' -# assertions: -# equals: -# 'div.ecl-content-block__title': 'Navigation list title' -# 'li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"]': 'Child 1' -# 'li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' -# 'li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' -# count: -# div.ecl-content-block__title a: 0 -# ul.ecl-content-block__link-list: 1 -# li.ecl-content-block__link-item: 3 -# div.ecl-content-block__description: 0 -# div.ecl-navigation-list__image: 0 -#- array: -# '#type': pattern -# '#id': accordion -# '#fields': -# identifier: "id" -# items: -# - title: "Title 1" -# body: "Body 1" -# - title: "Title 2" -# body: "Body 2" -# assertions: -# count: -# '.ecl-accordion__title': 2 -# '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-icon': 2 -# '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-title': 2 -# '.ecl-accordion__content#id-0-content': 1 -# '.ecl-accordion__content#id-1-content': 1 -# equals: -# '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-0-content"] .ecl-accordion__toggle-title': "Title 1" -# '.ecl-accordion__content#id-0-content': "Body 1" -# '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-1-content"] .ecl-accordion__toggle-title': "Title 2" -# '.ecl-accordion__content#id-1-content': "Body 2" -#- array: -# '#type': pattern -# '#id': dropdown -# '#fields': -# button_label: "Dropdown" -# links: -# - label: 'Link 1' -# url: 'http://example.com/1' -# - label: 'Link 2' -# url: 'http://example.com/2' -# - label: 'Link 3' -# url: 'http://example.com/3' -# assertions: -# count: -# '.ecl-expandable__content a[href="http://example.com/1"]': 1 -# '.ecl-expandable__content a[href="http://example.com/2"]': 1 -# '.ecl-expandable__content a[href="http://example.com/3"]': 1 -# equals: -# 'button.ecl-expandable__toggle span.ecl-button__label': "Dropdown" -# '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(1) a': "Link 1" -# '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(2) a': "Link 2" -# '.ecl-expandable__content .ecl-unordered-list--no-marker .ecl-unordered-list__item:nth-child(3) a': "Link 3" -#- array: -# '#type': pattern -# '#id': field -# '#variant': default -# '#fields': -# label: "Field text" -# body: "Field body" -# assertions: -# count: -# '.ecl-description-list.ecl-description-list--default': 1 -# '.ecl-description-list__term': 1 -# '.ecl-description-list__definition': 1 -# equals: -# '.ecl-description-list__term': "Field text" -# '.ecl-description-list__definition': "Field body" -#- array: -# '#type': pattern -# '#id': field -# '#variant': horizontal -# '#fields': -# label: "Field label" -# body: "Field body" -# assertions: -# count: -# '.ecl-description-list.ecl-description-list--horizontal': 1 -# '.ecl-description-list__term': 1 -# '.ecl-description-list__definition': 1 -# equals: -# '.ecl-description-list__term': "Field label" -# '.ecl-description-list__definition': "Field body" -#- array: -# '#type': pattern -# '#id': field_list -# '#variant': horizontal -# '#fields': -# items: -# - label: "When" -# body: "Thursday 15 November, 08:00 AM to Friday 16 November" -# - label: "Where" -# body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -# - label: "Live streaming" -# body: "08:00 CET | 00d:23h:35m" -# assertions: -# count: -# '.ecl-description-list.ecl-description-list--horizontal': 1 -# '.ecl-description-list__term': 3 -# '.ecl-description-list__definition': 3 -# equals: -# '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" -# '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" -# '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" -# '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -# '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" -# '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" -#- array: -# '#type': pattern -# '#variant': default -# '#id': field_list -# '#fields': -# items: -# - label: "When" -# body: "Thursday 15 November, 08:00 AM to Friday 16 November" -# - label: "Where" -# body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -# - label: "Live streaming" -# body: "08:00 CET | 00d:23h:35m" -# assertions: -# count: -# '.ecl-description-list.ecl-description-list--default': 1 -# '.ecl-description-list__term': 3 -# '.ecl-description-list__definition': 3 -# equals: -# '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" -# '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" -# '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" -# '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" -# '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" -# '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" -#- array: -# '#type': pattern -# '#id': link_block -# '#fields': -# title: "Link block title" -# links: -# - label: 'Link 1' -# url: 'http://link-1.com' -# is_external: true -# - label: 'Link 2' -# url: 'http://link-2.com' -# is_external: true -# - label: 'Link 3' -# url: 'http://link-3.com' -# assertions: -# count: -# '.ecl-link-block__title': 1 -# '.ecl-link-block__item': 3 -# 'a.ecl-link-block__link[href="http://link-1.com"]': 1 -# 'a.ecl-link-block__link[href="http://link-2.com"]': 1 -# 'a.ecl-link-block__link[href="http://link-3.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': 2 -# equals: -# '.ecl-link-block__title h5': "Link block title" -# '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link .ecl-link__label': "Link 1" -# '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' -# '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link .ecl-link__label': "Link 2" -# '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' -# '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" -#- array: -# '#type': pattern -# '#id': link_block -# '#fields': -# links: -# - label: 'Link 1' -# url: 'http://link-1.com' -# - label: 'Link 2' -# url: 'http://link-2.com' -# - label: 'Link 3' -# url: 'http://link-3.com' -# assertions: -# count: -# '.ecl-link-block__title': 0 -# '.ecl-link-block__item': 3 -# 'a.ecl-link-block__link[href="http://link-1.com"]': 1 -# 'a.ecl-link-block__link[href="http://link-2.com"]': 1 -# 'a.ecl-link-block__link[href="http://link-3.com"]': 1 -# equals: -# '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link': "Link 1" -# '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link': "Link 2" -# '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" -#- array: -# '#type': pattern -# '#id': blockquote -# '#fields': -# body: "Quote text" -# author: "Quote author" -# assertions: -# count: -# 'img.ecl-blockquote__image': 0 -# equals: -# '.ecl-blockquote__author': "Quote author" -# '.ecl-blockquote__citation': "Quote text" -#- array: -# '#type': pattern -# '#id': blockquote -# '#fields': -# body: "Quote text" -# author: "Quote author" -# image: -# src: "http://via.placeholder.com/120x80" -# alt: "Alternative of image" -# assertions: -# count: -# 'img.ecl-blockquote__image[src="http://via.placeholder.com/120x80"]': 1 -# 'img.ecl-blockquote__image[alt="Alternative of image"]': 1 -# equals: -# '.ecl-blockquote__author': "Quote author" -# '.ecl-blockquote__citation': "Quote text" -#- array: -# '#type': pattern -# '#id': context_nav -# '#fields': -# label: "Navigation title" -# items: -# - href: "http://link-1.com" -# label: "Item one" -# is_external: true -# - href: "http://link-2.com" -# label: "Item two" -# - href: "http://link-3.com" -# label: "Item three" -# is_external: true -# - href: "http://link-4.com" -# label: "Item four" -# - href: "http://link-5.com" -# label: "Item five" -# is_external: true -# limit: 4 -# more_label: "More label" -# assertions: -# count: -# "nav.ecl-contextual-navigation[aria-labelledby=\"nav-label\"][data-ecl-contextual-navigation]": 1 -# 'li.ecl-contextual-navigation__item': 6 -# 'li.ecl-contextual-navigation__item--collapsed': 1 -# 'li.ecl-contextual-navigation__item--more': 1 -# 'span.ecl-link__label': 3 -# equals: -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] span.ecl-link__label': "Item one" -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-2.com"]': "Item two" -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] span.ecl-link__label': "Item three" -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-4.com"]': "Item four" -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] span.ecl-link__label': "Item five" -# 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -# 'div#nav-label.ecl-contextual-navigation__label': "Navigation title" -# 'button.ecl-contextual-navigation__more .ecl-button__label': "More label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': default -# '#fields': -# label: "Button label" -# href: "http://example.com" -# icon: "caret-right" -# icon_position: "before" -# type_attribute: "default" -# assertions: -# count: -# 'a.ecl-link--standalone.ecl-link--icon svg': 1 -# equals: -# 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" -# 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': '' -#- array: -# '#type': pattern -# '#id': button -# '#variant': default -# '#fields': -# label: "Button label" -# href: "http://example.com" -# icon: "caret-right" -# icon_position: "before" -# type_attribute: "default" -# external_link: true -# assertions: -# count: -# 'a.ecl-link--standalone.ecl-link--icon svg': 1 -# equals: -# 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" -# 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -#- array: -# '#type': pattern -# '#id': button -# '#variant': default -# '#fields': -# label: "Button label" -# href: "http://example.com" -# type_attribute: "standalone" -# external_link: true -# assertions: -# count: -# 'a.ecl-link--icon': 1 -# equals: -# 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" -# 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -#- array: -# '#type': pattern -# '#id': button -# '#fields': -# type_attribute: "submit" -# label: "Button label" -# assertions: -# count: -# 'button.ecl-button--primary': 1 -# 'button.ecl-button[type="submit"]': 1 -# equals: -# 'button.ecl-button--primary': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': secondary -# '#fields': -# type_attribute: "submit" -# label: "Button label" -# assertions: -# count: -# 'button.ecl-button--secondary': 1 -# 'button.ecl-button[type="submit"]': 1 -# equals: -# 'button.ecl-button--secondary': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': primary -# '#fields': -# type_attribute: "reset" -# label: "Button label" -# assertions: -# count: -# 'button.ecl-button[type="reset"]': 1 -#- array: -# '#type': pattern -# '#id': button -# '#variant': primary -# '#fields': -# type_attribute: "button" -# is_block: true -# label: "Button label" -# assertions: -# count: -# 'button.ecl-button[type="button"]': 1 -#- array: -# '#type': pattern -# '#id': button -# '#variant': secondary -# '#fields': -# label: "Button label" -# assertions: -# equals: -# 'button.ecl-button--secondary': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': ghost -# '#fields': -# label: "Button label" -# assertions: -# equals: -# 'button.ecl-button--ghost': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': search -# '#fields': -# label: "Button label" -# assertions: -# equals: -# 'button.ecl-button--search': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': call -# '#fields': -# label: "Button label" -# assertions: -# equals: -# 'button.ecl-button--call': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': form -# '#fields': -# label: "Button label" -# assertions: -# equals: -# 'button.ecl-button--form': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': form_primary -# '#fields': -# label: "Button label" -# assertions: -# equals: -# 'button.ecl-button--form-primary': "Button label" -#- array: -# '#type': pattern -# '#id': button -# '#variant': splash_page -# '#fields': -# label: "Button label" -# assertions: -# equals: -# 'button.ecl-button--splash-page': "Button label" -#- array: -# '#type': pattern -# '#id': social_media_links_vertical -# '#fields': -# title: "View European Commission on:" -# links: -# - service: "facebook" -# label: "Facebook" -# url: "http://facebook.com" -# - service: "twitter" -# label: "Twitter" -# url: "http://twitter.com" -# - service: "instagram" -# label: "Instagram" -# url: "http://instagram.com" -# assertions: -# count: -# 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 -# 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 -# 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 -# equals: -# '.ecl-social-media-follow--vertical > p.ecl-social-media-follow__description': "View European Commission on:" -# 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" -# 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" -# 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" -#- array: -# '#type': pattern -# '#id': social_media_links_horizontal -# '#fields': -# title: "View European Commission on:" -# links: -# - service: "facebook" -# label: "Facebook" -# url: "http://facebook.com" -# - service: "twitter" -# label: "Twitter" -# url: "http://twitter.com" -# - service: "instagram" -# label: "Instagram" -# url: "http://instagram.com" -# assertions: -# assertions: -# count: -# 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 -# 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 -# 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 -# equals: -# '.ecl-social-media-follow > p.ecl-social-media-follow__description': "View European Commission on:" -# 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" -# 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" -# 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" -#- array: -# '#type': pattern -# '#id': social_icon -# '#fields': -# service: "facebook" -# label: "Facebook" -# url: "http://facebook.com" -# assertions: -# count: -# 'a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://facebook.com"]': 1 -# 'svg.ecl-link__icon': 1 -# equals: -# 'a.ecl-link.ecl-link--standalone.ecl-link--icon span.ecl-link__label': "Facebook" -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "default" -# '#fields': -# title: "Example title" -# assertions: -# count: -# "img.ecl-card__image": 0 -# 'div.ecl-content-block__title': 1 -# 'div.ecl-content-block__description': 0 -# 'ul.ecl-content-block__secondary-meta-container': 0 -# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 -# 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 -# equals: -# 'div.ecl-content-block__title': "Example title" -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "extended" -# '#fields': -# title: "Example title" -# assertions: -# count: -# "div.ecl-card__image": 0 -# 'div.ecl-content-block__title': 1 -# 'div.ecl-content-block__description': 0 -# 'ul.ecl-content-block__secondary-meta-container': 0 -# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 -# 'span.ecl-button__container a.ecl-button .ecl-button__label': 0 -# 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 -# equals: -# 'div.ecl-content-block__title': "Example title" -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "default" -# '#fields': -# title: "Example title" -# description: "Example description" -# image: -# src: "http://via.placeholder.com/120x80" -# alt: "Alternative of image" -# metas: -# - "Breaking news article" -# - "Brussels" -# link: -# href: "https://example.com" -# label: "Link title" -# badges: -# - label: "Highlighted" -# variant: "highlight" -# - label: "Status: Open" -# variant: "high" -# assertions: -# count: -# "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 -# 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 -# 'article.ecl-card picture[data-ecl-picture-link]': 1 -# 'a.ecl-button': 0 -# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 -# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 -# 'ul.ecl-content-block__primary-meta-container': 1 -# equals: -# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" -# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" -# 'div.ecl-content-block__title a': "Example title" -# 'div.ecl-content-block__description': "Example description" -# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" -# 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "default" -# '#fields': -# title: "Example title" -# description: "Example description" -# length: 8 -# image: -# src: "http://via.placeholder.com/120x80" -# alt: "Alternative of image" -# metas: -# - "Breaking news article" -# - "Brussels" -# link: -# href: "https://example.com" -# label: "Link title" -# assertions: -# count: -# "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 -# 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 -# 'article.ecl-card picture[data-ecl-picture-link]': 1 -# 'a.ecl-button': 0 -# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 -# 'ul.ecl-content-block__primary-meta-container': 1 -# equals: -# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" -# 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" -# 'div.ecl-content-block__title a': "Example title" -# 'div.ecl-content-block__description': "Example..." -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "default" -# '#fields': -# description: -# '#type': pattern -# '#id': blockquote -# '#fields': -# body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.' -# author: 'John Doe' -# length: 25 -# assertions: -# equals: -# 'div.ecl-content-block__description': '

      Lorem ipsum dolor sit...

      ' -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "default" -# '#fields': -# description: -# '#markup': '
      Example description
      ' -# length: 8 -# assertions: -# equals: -# 'div.ecl-content-block__description': '
      Example...
      ' -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "extended" -# '#fields': -# title: "Example title" -# description: "Example description" -# link: -# href: "https://example.com" -# label: "Link title" -# assertions: -# count: -# "div.ecl-card__image": 0 -# 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 -# 'a.ecl-button[href="https://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-button__icon.ecl-button__icon--after': 1 -# equals: -# 'div.ecl-content-block__title a': "Example title" -# 'div.ecl-content-block__description .ecl-paragraph': "Example description" -# 'a.ecl-button .ecl-button__label': "Link title" -# 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon.ecl-button__icon--after': '' -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "extended" -# '#fields': -# title: "Example title" -# description: "Example description" -# link: -# href: "https://example.com" -# label: "Link title" -# external_link: true -# assertions: -# count: -# "div.ecl-card__image": 0 -# 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link--icon[href="https://example.com"]': 1 -# 'a.ecl-button[href="https://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon': 1 -# equals: -# 'div.ecl-content-block__title a span.ecl-link__label': "Example title" -# 'div.ecl-content-block__description .ecl-paragraph': "Example description" -# 'a.ecl-button .ecl-button__label': "Link title" -# 'div.ecl-content-block__title a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -# '.ecl-content-block__description svg.ecl-icon.ecl-icon--xs.ecl-button__icon': '' -#- array: -# '#type': pattern -# '#id': featured_item -# '#variant': "default" -# '#fields': -# title: "Example title" -# description: "Example description" -# footer_items: -# - icon: "calendar" -# text: "15-16 November 2019, 08:00 AM" -# - icon: "location" -# text: "Brussels, Belgium" -# assertions: -# count: -# 'ul.ecl-content-block__secondary-meta-container': 1 -# 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 -# equals: -# 'li.ecl-content-block__secondary-meta-item:nth-child(1)' : '15-16 November 2019, 08:00 AM' -# 'li.ecl-content-block__secondary-meta-item:nth-child(2)' : 'Brussels, Belgium' -#- array: -# '#type': pattern -# '#id': timeline -# '#fields': -# limit: 2 -# limit_to: 4 -# items: -# - -# label: "13 September 2017" -# title: "Item 1" -# body: -# '#markup': 'Economic and Monetary Union package of proposals' -# - -# label: "28-29 September 2017" -# title: "Item 2" -# body: "Lorem Ipsum 2" -# - -# body: "Lorem Ipsum 3" -# - -# body: "Lorem Ipsum 4" -# - -# body: "Lorem Ipsum 5" -# - -# label: "6 February 2018" -# title: "Item 6" -# body: "Lorem Ipsum 6" -# assertions: -# count: -# 'h2.ecl-u-type-heading-2': 0 -# 'div.ecl.ecl-u-mb-m': 0 -# 'ol.ecl-timeline': 1 -# 'li.ecl-timeline__item': 7 -# '.ecl-timeline__item.ecl-timeline__item--toggle': 1 -# '.ecl-timeline__item.ecl-timeline__item--collapsed': 2 -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': 0 -# equals: -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" -# '.ecl-timeline__item:nth-child(5) .ecl-timeline__toggle .ecl-button__label': "Show 2 more items" -# '.ecl-timeline__item:nth-child(7) .ecl-timeline__title': "Item 6" -# '.ecl-timeline__item:nth-child(7) .ecl-timeline__label': "6 February 2018" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 5' -# '.ecl-timeline__item:nth-child(7) .ecl-timeline__content': 'Lorem Ipsum 6' -#- array: -# '#type': pattern -# '#id': timeline -# '#fields': -# items: -# - -# title: "Item 1" -# body: "Lorem Ipsum 1" -# - -# title: "Item 2" -# body: "Lorem Ipsum 2" -# - -# title: "Item 3" -# body: "Lorem Ipsum 3" -# - -# title: "Item 4" -# body: "Lorem Ipsum 4" -# - -# title: "Item 5" -# body: "Lorem Ipsum 5" -# - -# title: "Item 6" -# body: "Lorem Ipsum 6" -# assertions: -# count: -# 'h2.ecl-u-type-heading-2': 0 -# 'div.ecl.ecl-u-mb-m': 0 -# 'ol.ecl-timeline': 1 -# 'li.ecl-timeline__item': 6 -# '.ecl-timeline__item.ecl-timeline__item--toggle': 0 -# '.ecl-timeline__item.ecl-timeline__item--collapsed': 0 -# equals: -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': "Item 3" -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': "Item 4" -# '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': "Item 5" -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Lorem Ipsum 1' -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' -# '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' -#- array: -# '#type': pattern -# '#id': timeline -# '#fields': -# limit: 2 -# button_label: 'Show all timelines' -# items: -# - -# label: "13 September 2017" -# title: "Item 1" -# body: -# '#markup': 'Economic and Monetary Union package of proposals' -# - -# label: "28-29 September 2017" -# title: "Item 2" -# body: "Lorem Ipsum 2" -# - -# body: "Lorem Ipsum 3" -# - -# body: "Lorem Ipsum 4" -# - -# body: "Lorem Ipsum 5" -# - -# label: "6 February 2018" -# title: "Item 6" -# body: "Lorem Ipsum 6" -# assertions: -# count: -# 'h2.ecl-u-type-heading-2': 0 -# 'div.ecl.ecl-u-mb-m': 0 -# 'ol.ecl-timeline': 1 -# 'li.ecl-timeline__item': 7 -# '.ecl-timeline__item.ecl-timeline__item--toggle': 1 -# '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 -# '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 -# equals: -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" -# '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show all timelines" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' -# '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' -#- array: -# '#type': pattern -# '#id': timeline -# '#fields': -# title: "Timeline heading" -# introduction: "Timeline introduction" -# limit: 2 -# items: -# - -# label: "13 September 2017" -# title: "Item 1" -# body: -# '#markup': 'Economic and Monetary Union package of proposals' -# - -# label: "28-29 September 2017" -# title: "Item 2" -# body: "Lorem Ipsum 2" -# - -# body: "Lorem Ipsum 3" -# - -# body: "Lorem Ipsum 4" -# - -# body: "Lorem Ipsum 5" -# - -# label: "6 February 2018" -# title: "Item 6" -# body: "Lorem Ipsum 6" -# assertions: -# count: -# 'h2.ecl-u-type-heading-2': 1 -# 'div.ecl.ecl-u-mb-m': 1 -# 'ol.ecl-timeline': 1 -# 'li.ecl-timeline__item': 7 -# '.ecl-timeline__item.ecl-timeline__item--toggle': 1 -# '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 -# '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 -# equals: -# 'h2.ecl-u-type-heading-2': "Timeline heading" -# 'div.ecl.ecl-u-mb-m': "Timeline introduction" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" -# '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show 4 more items" -# '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' -# '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' -# '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' -# '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' -# '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' -# '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#variant': "left_simple" -# '#fields': -# title: "Heading" -# text_title: "Title" -# image: -# src: "http://via.placeholder.com/150x150" -# caption: "Some caption text for the image" -# text: "Some more text" -# link: -# label: "Call to action" -# path: "http://example.com" -# highlighted: false -# assertions: -# count: -# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 -# 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 -# 'div.ecl-featured-item__item': 2 -# 'div.ecl-featured-item__title': 1 -# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 -# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 -# 'iframe': 0 -# 'figcaption.ecl-media-container__caption': 1 -# 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 -# 'div.ecl-expandable.ecl-media-container__expandable': 0 -# equals: -# 'h2.ecl-u-type-heading-2': "Heading" -# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" -# 'figcaption.ecl-media-container__caption': "Some caption text for the image" -# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" -# 'a.ecl-link span.ecl-link__label': "Call to action" -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#variant': "right_simple" -# '#fields': -# text_title: "Title" -# image: -# src: "http://via.placeholder.com/150x150" -# caption: "Some caption text for the image" -# text: "Some more text" -# link: -# label: "Call to action" -# path: "https://european-union.europa.eu/index_en" -# highlighted: true -# expandable: -# content: -# '#markup': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " -# assertions: -# count: -# 'article.ecl-featured-item.ecl-featured-item--highlight': 1 -# 'h2.ecl-u-type-heading-2': 0 -# 'div.ecl-featured-item__container': 1 -# 'div.ecl-featured-item__title': 1 -# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 -# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 -# 'iframe': 0 -# 'figcaption.ecl-media-container__caption': 1 -# 'a.ecl-link.ecl-link--standalone[href="https://european-union.europa.eu/index_en"]': 1 -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 -# 'div.ecl-expandable.ecl-media-container__expandable': 1 -# 'button[data-ecl-label-expanded="Expanded"][data-ecl-label-collapsed="Collapsed"]': 1 -# equals: -# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" -# 'figcaption.ecl-media-container__caption': "Some caption text for the image" -# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" -# 'a.ecl-link span.ecl-link__label': "Call to action" -# 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' -# 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' -# 'div.ecl-expandable__content': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#variant': "right_simple" -# '#fields': -# title: "Heading" -# image: -# src: "http://via.placeholder.com/150x150" -# caption: "Some caption text for the image" -# text: "Some more text" -# link: -# label: "Call to action" -# path: "http://example.com" -# highlighted: true -# expandable: -# hidden: false -# label_expanded: "Expand" -# label_collapsed: "Collapse" -# content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." -# assertions: -# count: -# 'article.ecl-featured-item.ecl-featured-item--highlight': 1 -# 'h2.ecl-u-type-heading-2': 1 -# 'div.ecl-featured-item__container': 1 -# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 0 -# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 -# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 -# 'iframe': 0 -# 'figcaption.ecl-media-container__caption': 1 -# 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 -# 'div.ecl-expandable.ecl-media-container__expandable': 1 -# 'button[data-ecl-label-expanded="Expand"][data-ecl-label-collapsed="Collapse"]': 1 -# equals: -# 'h2.ecl-u-type-heading-2': "Heading" -# 'figcaption.ecl-media-container__caption': "Some caption text for the image" -# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" -# 'a.ecl-link span.ecl-link__label': "Call to action" -# 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' -# 'div.ecl-expandable__content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#fields': -# title: "Heading" -# text_title: "Title" -# caption: "Some caption text for the image" -# text: "Some more text" -# expandable: -# id: 'text-featured-media-1' -# hidden: true -# content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." -# assertions: -# count: -# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 -# 'div.ecl-featured-item__container': 1 -# 'div.ecl-col-md-6': 0 -# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 -# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 -# 'div.ecl-featured-item__item.ecl': 0 -# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 -# 'iframe': 0 -# 'figcaption.ecl-media-container__caption': 0 -# 'a.ecl-link': 0 -# 'div.ecl-expandable.ecl-media-container__expandable': 0 -# 'div#text-featured-media-1.text-featured-media-hidden-content': 1 -# equals: -# 'h2.ecl-u-type-heading-2': "Heading" -# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" -# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" -# 'div#text-featured-media-1.text-featured-media-hidden-content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#variant': "right_featured" -# '#fields': -# title: "Heading" -# text_title: "Title" -# image: -# src: "http://via.placeholder.com/150x150" -# text: "Some more text" -# link: -# label: "Call to action" -# path: "http://example.com" -# assertions: -# count: -# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 -# 'div.ecl-featured-item__container': 1 -# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 -# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 -# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 -# 'iframe': 0 -# 'figcaption.ecl-media-container__caption': 0 -# 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 -# 'div.ecl-expandable.ecl-media-container__expandable': 0 -# equals: -# 'h2.ecl-u-type-heading-2': "Heading" -# 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" -# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" -# 'a.ecl-link span.ecl-link__label': "Call to action" -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#fields': -# title: "Heading" -# caption: "Some caption" -# assertions: -# count: -# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 -# 'article.ecl-featured-item': 1 -# 'div.ecl-featured-item__container': 1 -# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 -# 'div.ecl-col-md-6.ecl-u-mb-m.ecl-u-mb-md-none': 0 -# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 -# 'iframe': 0 -# 'figcaption.ecl-media-container__caption': 0 -# 'h2.ecl-u-type-heading-2': 1 -# 'a.ecl-link': 0 -# 'div.ecl-expandable.ecl-media-container__expandable': 0 -# equals: -# 'h2.ecl-u-type-heading-2': "Heading" -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#variant': "left_featured" -# '#fields': -# title: "Heading" -# video: -# '#type': 'html_tag' -# '#tag': 'iframe' -# '#attributes': -# id: 'videoplayerI-181645' -# src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' -# text: "Some more text" -# link: -# label: "Call to action" -# path: "http://example.com" -# assertions: -# count: -# 'article.ecl-featured-item.ecl-featured-item--highlight': 0 -# 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 -# '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 -# 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 -# 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 -# 'figcaption.ecl-media-container__caption': 0 -# 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 -# equals: -# 'h2.ecl-u-type-heading-2': "Heading" -# 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" -# 'a.ecl-link span.ecl-link__label': "Call to action" -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#fields': -# video: -# '#type': 'html_tag' -# '#tag': 'iframe' -# '#attributes': -# id: 'videoplayerI-181645' -# src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' -# video_ratio: "invalid" -# assertions: -# count: -# 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 -# 'div.ecl-expandable.ecl-media-container__expandable': 0 -#- array: -# '#type': pattern -# '#id': text_featured_media -# '#fields': -# video: -# '#type': 'html_tag' -# '#tag': 'iframe' -# '#attributes': -# id: 'videoplayerI-181645' -# src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' -# video_ratio: "1:1" -# link: -# label: "Call to action" -# path: "http://example.com" -# assertions: -# count: -# 'div.ecl-media-container__media--ratio-1-1 iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 -# 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 -# 'div.ecl-expandable.ecl-media-container__expandable': 0 -#- array: -# '#type': pattern -# '#id': icons_with_text -# '#fields': -# items: -# - -# icon: "file" -# text: "Culture | Innovation" -# - -# icon: "calendar" -# size: "s" -# text: "15-16 November 2019, 08:00 AM" -# - -# icon: "location" -# text: "Brussels, Belgium" -# - -# icon: "livestreaming" -# size: "xs" -# text: "Live streaming available" -# assertions: -# count: -# 'ul.ecl-unordered-list--no-bullet': 1 -# 'ul li.ecl-unordered-list__item': 4 -# 'ul li.ecl-unordered-list__item svg': 4 -# equals: -# 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' -# 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' -# 'ul li.ecl-unordered-list__item:nth-child(3)': 'Brussels, Belgium' -# 'ul li.ecl-unordered-list__item:nth-child(4)': 'Live streaming available' -#- array: -# '#type': pattern -# '#id': icons_with_text -# assertions: -# count: -# 'ul.ecl-unordered-list--no-bullet': 0 -#- array: -# '#type': pattern -# '#id': icons_with_text -# '#fields': -# items: -# - -# icon: "file" -# text: "Culture | Innovation" -# - -# text: "15-16 November 2019, 08:00 AM" -# - -# icon: "location" -# - -# icon: "livestreaming" -# text: "Live streaming available" -# assertions: -# count: -# 'ul.ecl-unordered-list--no-bullet': 1 -# 'ul li.ecl-unordered-list__item': 3 -# 'ul li.ecl-unordered-list__item svg': 3 -# equals: -# 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' -# 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' -# 'ul li.ecl-unordered-list__item:nth-child(3)': 'Live streaming available' -#- array: -# '#type': "pattern" -# '#id': "tag" -# '#variant': "default" -# '#fields': -# tag_type: "link" -# url: "http://example.com" -# label: "Tag label" -# assertions: -# equals: -# 'a.ecl-tag': "Tag label" -# count: -# 'a.ecl-tag[href="http://example.com"]': 1 -#- array: -# '#type': "pattern" -# '#id': "tag" -# '#variant': "default" -# '#fields': -# tag_type: "removable" -# url: "http://example.com" -# label: "Tag label" -# assertions: -# contains: -# '.ecl-tag': "Tag label" -# count: -# '.ecl-tag--removable': 1 -#- array: -# '#type': "pattern" -# '#id': "navigation_menu" -# '#variant': "vertical" -# '#fields': -# label: "Menu" -# site_name: "Site name" -# items: -# - href: "#" -# label: 'Parent 1' -# children: -# - href: '#' -# label: 'Child 1.1' -# is_current: true -# external: true -# - href: '#' -# label: 'Child 1.2' -# - href: '#' -# label: 'Child 1.3' -# external: true -# - href: '#' -# label: 'Child 1.4' -# - href: "#" -# label: "Parent 2" -# children: -# - href: '#' -# label: 'Child 2.1' -# - href: '#' -# label: 'Child 2.2' -# - href: '#' -# label: 'Child 2.3' -# external: true -# - href: "#" -# label: "Link" -# assertions: -# count: -# "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"2\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 -# "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 -# "li.ecl-menu__item:nth-child(2) button[aria-label=\"Access item's children\"]": 1 -# "div.ecl-container.ecl-menu__container section.ecl-menu__inner[data-ecl-menu-inner]": 1 -# "a.ecl-link--standalone.ecl-button.ecl-button--tertiary.ecl-menu__open.ecl-link--icon-only": 1 -# equals: -# 'a.ecl-menu__open.ecl-link--icon-only span.ecl-link__label': 'Menu' -# '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" -# '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" -# 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(1) a.ecl-menu__link': "Parent 1" -# 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(2) a.ecl-menu__link': "Parent 2" -# 'li.ecl-menu__item:not(ecl-menu__item--has-children):nth-child(3) a.ecl-menu__link': "Link" -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.1' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.3' -# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 2.3' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' -# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 2.1' -# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 2.2' -# 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -# 'li.ecl-menu__item:nth-child(3) a.ecl-menu__link': "Link" -#- array: -# '#type': "pattern" -# '#id': "navigation_menu" -# '#variant': "vertical" -# '#fields': -# label: "Custom Menu" -# max_lines: 3 -# items: -# - href: "#" -# label: 'Parent 1' -# children: -# - href: '#' -# label: 'Child 1.1' -# - href: '#' -# label: 'Child 1.2' -# - href: '#' -# label: 'Child 1.3' -# - href: '#' -# label: 'Child 1.4' -# - href: '#' -# label: 'Child 1.5' -# - href: '#' -# label: 'Child 1.6' -# - href: '#' -# label: 'Child 1.7' -# - href: '#' -# label: 'Child 1.8' -# assertions: -# count: -# "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"3\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 -# "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 -# equals: -# '.ecl-menu__open .ecl-link__label': "Custom Menu" -# '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" -# '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" -# 'li.ecl-menu__item:nth-child(1) a.ecl-menu__link': "Parent 1" -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 1.1' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink': 'Child 1.3' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(5) a.ecl-menu__sublink': 'Child 1.5' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(6) a.ecl-menu__sublink': 'Child 1.6' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(7) a.ecl-menu__sublink': 'Child 1.7' -# 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(8) a.ecl-menu__sublink': 'Child 1.8' -#- array: -# '#type': 'pattern' -# '#id': 'link' -# '#fields': -# url: '/' -# text: 'Link text' -# assertions: -# equals: -# 'a.ecl-link.ecl-link--standalone': 'Link text' -# count: -# 'a.ecl-link[href="/"]': 1 -#- array: -# '#type': 'pattern' -# '#id': 'link' -# '#fields': -# url: '/' -# text: 'Link text' -# variant: 'standalone' -# assertions: -# equals: -# 'a.ecl-link.ecl-link--standalone': 'Link text' -#- array: -# '#type': 'pattern' -# '#id': 'link' -# '#fields': -# url: '/' -# text: 'Link text' -# variant: 'cta' -# assertions: -# equals: -# 'a.ecl-link.ecl-link--cta': 'Link text' -#- array: -# '#type': 'pattern' -# '#id': 'facts_figures' -# '#fields': -# items: -# - icon: 'instagram' -# value: '00.0 million' -# title: 'Lorem ipsum' -# description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' -# - icon: 'external' -# value: '10.0 millions' -# title: 'Nam lacinia nisl eget diam mattis' -# description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' -# view_all: -# label: 'View all metrics' -# path: 'https://example.com' -# external_link: true -# assertions: -# count: -# 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 -# 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 -# 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 -# 'div.ecl-fact-figures__view-all': 1 -# equals: -# 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' -# 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__value': '00.0 million' -# 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__title': 'Lorem ipsum' -# 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__description': 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' -# 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' -# 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__value': '10.0 millions' -# 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__title': 'Nam lacinia nisl eget diam mattis' -# 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__description': 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' -# 'div.ecl-fact-figures__view-all a.ecl-link.ecl-link--standalone.ecl-link--icon.ecl-fact-figures__view-all-link[href="https://example.com"] span.ecl-link__label': 'View all metrics' -# 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' -#- array: -# '#type': 'pattern' -# '#id': 'facts_figures' -# '#fields': -# items: -# - icon: 'instagram' -# value: '00.0 million' -# title: 'Lorem ipsum' -# description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' -# - icon: 'external' -# value: '10.0 millions' -# title: 'Nam lacinia nisl eget diam mattis' -# description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' -# assertions: -# count: -# 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 -# 'div.ecl-fact-figures__view-all': 0 -#- array: -# '#type': 'pattern' -# '#id': 'active_search_filters' -# '#fields': -# name: 'Source' -# items: -# - label: 'DG Trad' -# url: 'http://dg-trad.com' -# - label: 'Health, well-being & Consumer protection' -# url: 'http://health.com' -# - label: 'No link' -# url: '' -# assertions: -# count: -# 'div.active-search-filters.ecl-u-d-m-flex': 1 -# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 1 -# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 1 -# 'span.ecl-tag__icon': 2 -# 'svg.ecl-icon.ecl-icon--xs.ecl-tag__icon-close-filled': 2 -# contains: -# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 'DG Trad' -# 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 'Health, well-being & Consumer protection' -# 'div.ecl-u-mr-xs.ecl-u-mt-s.ecl-tag.ecl-tag--removable': 'No link' -# equals: -# 'div.active-search-filters__name span': 'Source' -#- array: -# '#type': 'pattern' -# '#id': 'list_with_illustration' -# '#fields': -# square_image: false -# zebra: true -# column: 1 -# items: -# - title: "Business, Economy, Euro" -# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# image: -# src: "https://placeimg.com/1000/500/arch" -# alt: "Alternative text for featured item image 1" -# - title: "About the European Union" -# description: "The EU and its institutions, how to visit and work at the EU." -# image: -# src: "https://placeimg.com/500/500/arch" -# alt: "Alternative text for featured item image 2" -# assertions: -# count: -# div.ecl-list-illustration: 1 -# div.ecl-list-illustration.ecl-list-illustration--centered: 0 -# div.ecl-list-illustration.ecl-list-illustration--zebra: 1 -# div.ecl-list-illustration__item: 2 -# div.ecl-list-illustration__value: 0 -# img.ecl-list-illustration__image: 2 -# img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 -# img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--m: 0 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 -# contains: -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -#- array: -# '#type': 'pattern' -# '#id': 'list_with_illustration' -# '#fields': -# square_image: true -# zebra: true -# column: 1 -# centered: true -# items: -# - title: "Business, Economy, Euro" -# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# image: -# src: "https://placeimg.com/1000/500/arch" -# alt: "Alternative text for featured item image 1" -# media_size: 'l' -# - title: "About the European Union" -# description: "The EU and its institutions, how to visit and work at the EU." -# image: -# src: "https://placeimg.com/500/500/arch" -# alt: "Alternative text for featured item image 2" -# value: 'Highlighted image' -# media_size: 'l' -# assertions: -# count: -# div.ecl-list-illustration: 1 -# div.ecl-list-illustration.ecl-list-illustration--zebra: 1 -# div.ecl-list-illustration__item: 2 -# img.ecl-list-illustration__image: 2 -# div.ecl-list-illustration__value: 1 -# img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--l: 2 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 -# 'div.ecl-list-illustration__item svg.ecl-icon': 0 -# contains: -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__value': 'Highlighted image' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -#- array: -# '#type': 'pattern' -# '#id': 'list_with_illustration' -# '#fields': -# square_image: false -# zebra: false -# column: 1 -# items: -# - title: "Business, Economy, Euro" -# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# icon: "growth" -# - title: "About the European Union" -# description: "The EU and its institutions, how to visit and work at the EU." -# icon: "budget" -# assertions: -# count: -# div.ecl-list-illustration: 1 -# div.ecl-list-illustration.ecl-list-illustration--centered: 0 -# div.ecl-list-illustration.ecl-list-illustration--zebra: 0 -# div.ecl-list-illustration__item: 2 -# img.ecl-list-illustration__image: 0 -# contains: -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -# equals: -# 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' -# 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' -#- array: -# '#type': 'pattern' -# '#id': 'list_with_illustration' -# '#fields': -# square_image: false -# zebra: true -# column: 2 -# items: -# - title: "Business, Economy, Euro" -# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# image: -# src: "https://placeimg.com/1000/500/arch" -# alt: "Alternative text for featured item image 1" -# - title: "About the European Union" -# description: "The EU and its institutions, how to visit and work at the EU." -# image: -# src: "https://placeimg.com/500/500/arch" -# alt: "Alternative text for featured item image 2" -# assertions: -# count: -# div.ecl-list-illustration: 1 -# div.ecl-list-illustration.ecl-list-illustration--centered: 0 -# div.ecl-list-illustration.ecl-list-illustration--zebra: 0 -# div.ecl-list-illustration.ecl-list-illustration--col-2: 1 -# div.ecl-list-illustration__item: 2 -# img.ecl-list-illustration__image: 2 -# img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 -# contains: -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -#- array: -# '#type': 'pattern' -# '#id': 'list_with_illustration' -# '#fields': -# square_image: true -# column: 3 -# centered: true -# items: -# - title: "Business, Economy, Euro" -# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# image: -# src: "https://placeimg.com/1000/500/arch" -# alt: "Alternative text for featured item image 1" -# media_size: 's' -# - title: "About the European Union" -# description: "The EU and its institutions, how to visit and work at the EU." -# image: -# src: "https://placeimg.com/500/500/arch" -# alt: "Alternative text for featured item image 2" -# media_size: 's' -# assertions: -# count: -# div.ecl-list-illustration: 1 -# div.ecl-list-illustration.ecl-list-illustration--centered: 1 -# div.ecl-list-illustration.ecl-list-illustration--col-3: 1 -# div.ecl-list-illustration__item: 2 -# img.ecl-list-illustration__image: 2 -# img.ecl-list-illustration__image.ecl-list-illustration__image--square: 2 -# img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--s: 2 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 -# img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 -# img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 -# contains: -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -#- array: -# '#type': 'pattern' -# '#id': 'list_with_illustration' -# '#fields': -# square_image: false -# column: 2 -# items: -# - title: "Business, Economy, Euro" -# description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." -# icon: "growth" -# - title: "About the European Union" -# description: "The EU and its institutions, how to visit and work at the EU." -# icon: "budget" -# assertions: -# count: -# div.ecl-list-illustration: 1 -# div.ecl-list-illustration.ecl-list-illustration--col-2: 1 -# div.ecl-list-illustration__item: 2 -# img.ecl-list-illustration__image: 0 -# contains: -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' -# 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' -# 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' -# equals: -# 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' -# 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' -#- array: -# '#type': 'pattern' -# '#id': 'news_ticker' -# '#fields': -# identifier: "news-ticker-example" -# items: -# - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" -# link: "http://example.com" -# external_link: TRUE -# - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" -# - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" -# link: "http://example.com" -# - content: "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" -# - content: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" -# link: "http://example.com" -# external_link: TRUE -# - content: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" -# link: "http://example.com" -# assertions: -# count: -# div.ecl-news-ticker: 1 -# div.ecl-news-ticker__container: 1 -# div.ecl-news-ticker__content: 1 -# ul#news-ticker-example-content.ecl-news-ticker__slides: 1 -# li.ecl-news-ticker__slide: 6 -# a.ecl-link.ecl-news-ticker__slide-text: 4 -# div.ecl-news-ticker__counter: 1 -# div.ecl-news-ticker__controls: 1 -# contains: -# li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" -# li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" -# li.ecl-news-ticker__slide:nth-child(3) a.ecl-linkecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" -# li.ecl-news-ticker__slide:nth-child(4): "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" -# li.ecl-news-ticker__slide:nth-child(5) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" -# li.ecl-news-ticker__slide:nth-child(6) a.ecl-link.ecl-news-ticker__slide-text: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" -# equals: -# li.ecl-news-ticker__slide:nth-child(1) a svg.ecl-link__icon: '' -# li.ecl-news-ticker__slide:nth-child(5) a svg.ecl-link__icon: '' -# svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' -# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: '1' -# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '6' -# button.ecl-news-ticker__prev span.ecl-button__label: 'Previous news item' -# button.ecl-news-ticker__next span.ecl-button__label: 'Next news item' -# button.ecl-news-ticker__pause span.ecl-button__label: 'Pause news ticker' -# button.ecl-news-ticker__play span.ecl-button__label: 'Play news ticker' -#- array: -# '#type': 'pattern' -# '#id': 'news_ticker' -# '#fields': -# items: -# - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" -# link: "http://example.com" -# - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" -# - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" -# link: "http://example.com" -# counter_label: "in" -# assertions: -# count: -# div.ecl-news-ticker: 1 -# div.ecl-news-ticker__container: 1 -# div.ecl-news-ticker__content: 1 -# ul.ecl-news-ticker__slides: 1 -# li.ecl-news-ticker__slide: 3 -# a.ecl-link.ecl-news-ticker__slide-text: 2 -# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: 1 -# div.ecl-news-ticker__controls: 1 -# contains: -# li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" -# li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" -# li.ecl-news-ticker__slide:nth-child(3) a.ecl-link.ecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" -# div.ecl-news-ticker__counter: '1 in' -# equals: -# svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' -# div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '3' -#- array: -# '#type': 'pattern' -# '#id': 'carousel' -# '#fields': -# items: -# - title: "Lorem ipsum dolor sit amet" -# description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" -# url: "https://example.com" -# url_text: "CTA 1" -# image: "https://picsum.photos/seed/picsum/600/300" -# variant: "text-box" -# centered: false -# credit: "© Copyright first item" -# - title: "Duis vitae pulvinar turpis" -# description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" -# url: "https://example.com" -# url_text: "CTA 2" -# image: "https://picsum.photos/seed/picsum/600/300" -# variant: "text-overlay" -# - title: "Donec maximus pharetra ex a ultricies" -# description: "Integer quis lorem tellus." -# url: "https://example.com" -# url_text: "CTA 3" -# - title: "Donec maximus pharetra" -# centered: false -# - title: "Lorem ipsum dolor sit amet" -# description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" -# image: "https://picsum.photos/seed/picsum/600/300" -# variant: "text-box" -# centered: true -# - title: "Duis vitae pulvinar turpis" -# url: "https://example.com" -# url_text: "CTA 4" -# image: "https://picsum.photos/seed/picsum/600/300" -# variant: "text-overlay" -# centered: false -# assertions: -# count: -# section.ecl-carousel.ecl-carousel--full-width: 0 -# section.ecl-carousel: 1 -# div.ecl-carousel__container: 1 -# div.ecl-carousel__slides: 1 -# div.ecl-carousel__slide: 6 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-box: 2 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner.ecl-banner--text-box.ecl-banner--centered: 1 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay: 2 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered: 1 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background: 2 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background.ecl-banner--centered: 1 -# div.ecl-carousel__controls: 1 -# section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 -# section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 -# section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 -# section.ecl-banner--text-overlay.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 -# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__title: 2 -# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content p.ecl-banner__description: 1 -# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__cta: 1 -# equals: -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 1' -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) footer.ecl-banner__credit small: '© Copyright first item' -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 2' -# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra ex a ultricies' -# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus.' -# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 3' -# div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra' -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' -# div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' -# div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 4' -# button.ecl-carousel__navigation-item:nth-child(1): '1' -# button.ecl-carousel__navigation-item:nth-child(2): '2' -# button.ecl-carousel__navigation-item:nth-child(3): '3' -# button.ecl-carousel__navigation-item:nth-child(4): '4' -# button.ecl-carousel__navigation-item:nth-child(5): '5' -# button.ecl-carousel__navigation-item:nth-child(6): '6' -#- array: -# '#type': 'pattern' -# '#id': 'carousel' -# '#fields': -# items: -# - title: "Donec maximus pharetra ex a ultricies" -# description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies" -# url: "https://example.com" -# url_text: "CTA 1" -# image: "https://picsum.photos/seed/picsum/600/300" -# variant: "text-box" -# - title: "Lorem ipsum dolor sit amet" -# description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" -# url: "https://example.com" -# url_text: "CTA 2" -# variant: "plain-background" -# centered: false -# - title: "Duis vitae pulvinar turpis" -# description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" -# url: "https://example.com" -# url_text: "CTA 3" -# variant: "plain-background" -# centered: false -# counter_label: 'in' -# full_width: true -# size: 'l' -# assertions: -# count: -# section.ecl-carousel.ecl-carousel--full-width: 1 -# div.ecl-carousel__slide: 3 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--text-box.ecl-banner--centered: 1 -# div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--plain-background: 2 -# section.ecl-banner--text-box.ecl-banner--l picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 -# contains: -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title: 'Donec maximus pharetra ex a ultricies' -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies' -# div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 1' -# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Lorem ipsum dolor sit amet' -# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' -# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 2' -# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Duis vitae pulvinar turpis' -# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' -# div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 3' -# div.ecl-carousel__pagination: 'in 3' +- array: + '#type': pattern + '#id': banner + '#variant': "text_box" + '#fields': + image: + src: "http://via.placeholder.com/150x150" + title: "Banner title" + url: "http://example.com" + label: "Subscribe" + description: "Banner description" + centered: true + credit: "© Copyright or credit" + size: "l" + assertions: + count: + 'section.ecl-banner.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered': 1 + 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 + 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 + '.ecl-banner--full-width': 0 + 'footer.ecl-banner__credit small': 1 + equals: + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description + 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe + 'footer.ecl-banner__credit small': © Copyright or credit +- array: + '#type': pattern + '#id': banner + '#fields': + image: + src: "http://via.placeholder.com/150x150" + title: "Banner title" + url: "http://example.com" + label: "Subscribe" + description: "Banner description" + centered: false + full_width: true + credit: "© Copyright or credit" + assertions: + count: + 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 + 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 + 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 + 'footer.ecl-banner__credit small': 0 + equals: + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description + 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Subscribe +- array: + '#type': pattern + '#id': banner + '#variant': "text_box" + '#fields': + title: "Banner title" + description: "Banner description" + url: "http://example.com" + label: "Example" + image: + src: "http://via.placeholder.com/150x150" + centered: true + full_width: false + size: "s" + assertions: + count: + 'section.ecl-banner.ecl-banner--text-box.ecl-banner--s.ecl-banner--centered': 1 + 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 + 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 + '.ecl-banner--full-width': 0 + 'footer.ecl-banner__credit small': 0 + equals: + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description + 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example +- array: + '#type': pattern + '#id': banner + '#variant': "text_overlay" + '#fields': + title: "Banner title" + description: "Banner description" + url: "http://example.com" + label: "Example" + image: + src: "http://via.placeholder.com/150x150" + centered: false + full_width: false + size: "l" + assertions: + count: + 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered': 0 + 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l': 1 + 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 + 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 + '.ecl-banner--full-width': 0 + 'footer.ecl-banner__credit small': 0 + equals: + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description + 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example +- array: + '#type': pattern + '#id': banner + '#variant': "text_overlay" + '#fields': + title: "Banner title" + description: "Banner description" + url: "http://example.com" + label: "Example" + image: + src: "http://via.placeholder.com/150x150" + centered: true + full_width: true + credit: "© Copyright or credit" + size: "l" + assertions: + count: + 'section.ecl-banner.ecl-banner--text-overlay.ecl-banner--l.ecl-banner--centered.ecl-banner--full-width': 1 + 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 + 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 1 + 'footer.ecl-banner__credit small': 1 + equals: + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description + 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example + 'footer.ecl-banner__credit small': © Copyright or credit +- array: + '#type': pattern + '#id': banner + '#fields': + title: "Banner title" + description: "Banner description" + url: "http://example.com" + label: "Example" + image: + src: "http://via.placeholder.com/150x150" + centered: false + full_width: true + credit: "© Copyright or credit" + assertions: + count: + 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width.ecl-banner--centered': 0 + 'section.ecl-banner.ecl-banner--plain-background.ecl-banner--m.ecl-banner--full-width': 1 + 'div.ecl-banner__content div.ecl-banner__cta a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-link__icon': 1 + 'picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="http://via.placeholder.com/150x150"]': 0 + 'footer.ecl-banner__credit small': 0 + equals: + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content div.ecl-banner__title span.ecl-banner__title-text': Banner title + 'div.ecl-container div.ecl-banner__container div.ecl-banner__content p.ecl-banner__description span.ecl-banner__description-text': Banner description + 'a.ecl-link.ecl-link--cta.ecl-link--icon.ecl-banner__link-cta[href="http://example.com"] span.ecl-link__label': Example +- array: + '#type': pattern + '#id': banner_video + '#fields': + video: + description: "Video caption" + image: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" + alt: "Jean Monnet banner." + sources: + - src: "https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" + src_type: "video/mp4" + description: "Banner description" + assertions: + count: + 'section.ecl-video-banner': 1 + 'video.ecl-media-container__media[poster="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 + 'source[src="https://defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"][type="video/mp4"]': 1 + equals: + 'figcaption.ecl-media-container__caption': 'Video caption' + 'p.ecl-u-type-paragraph': "Banner description" +- array: + '#type': pattern + '#id': file + '#fields': + button_label: "Download" + file: + title: "File title example" + name: "document.pdf" + url: "http://example.com" + mime: "application/pdf" + size: "10000" + language_code: "en" + assertions: + count: + 'svg.ecl-file__icon': 1 + 'a.ecl-file__download[href="http://example.com"]': 1 + equals: + 'div.ecl-file__title': "File title example" + 'div.ecl-file__language': "English" + 'div.ecl-file__meta': "(9.77 KB - PDF)" + 'a.ecl-file__download .ecl-link__label': "Download" +- array: + '#type': pattern + '#id': file_translation + '#fields': + button_label: "Download" + file: + variant: "translation" + title: "File title example" + name: "document.pdf" + url: "http://example.com" + mime: "application/pdf" + size: "10000" + language_code: "en" + translations: + - mime: "application/vnd.ms-excel" + url: "http://example.com/document_fr.xls" + size: "150000" + name: "document.xls" + language_code: "fr" + - mime: "application/vnd.ms-powerpoint" + url: "http://example.com/document_it.ppt" + size: "160000" + name: "document.ppt" + language_code: "it" + - mime: "application/pdf" + url: "http://example.com/document_hu.pdf" + size: "170000" + name: "document.pdf" + language_code: "hu" + - mime: "application/doc" + url: "http://example.com/document_pt.doc" + size: "180000" + name: "document.doc" + language_code: "pt-pt" + translation_toggle_label: "Other translations" + more_info: "Custom information snippet." + publication_date: "31 August 2020" + assertions: + count: + 'svg.ecl-file__icon': 1 + 'a.ecl-file__download[href="http://example.com"]': 1 + 'div.ecl-file__translation-container': 1 + 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 + 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 + 'a.ecl-file__translation-download[hreflang="fr"]': 1 + 'a.ecl-file__translation-download[hreflang="it"]': 1 + 'a.ecl-file__translation-download[hreflang="hu"]': 1 + 'a.ecl-file__translation-download[hreflang="pt"]': 1 + '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 1 + equals: + 'div.ecl-file__title': "File title example" + 'div.ecl-file__language': "English" + 'div.ecl-file__meta': "(9.77 KB - PDF)" + 'a.ecl-file__download .ecl-link__label': "Download" + 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" + '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "italiano" + '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" + '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "magyar" + '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" + '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "português" + '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" + '.ecl-file__translation-description': "Custom information snippet." + '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': '31 AUGUST 2020' +- array: + '#type': pattern + '#id': file_translation + '#fields': + button_label: "Download" + file: + variant: "translation" + title: "File title example" + name: "document.pdf" + url: "http://example.com" + mime: "application/pdf" + size: "10000" + language_code: "en" + translations: + - mime: "application/vnd.ms-excel" + url: "http://example.com/document_fr.xls" + size: "150000" + name: "document.xls" + language_code: "fr" + more_info: "Custom information snippet." + assertions: + count: + 'svg.ecl-file__icon': 1 + 'a.ecl-file__download[href="http://example.com"]': 1 + 'div.ecl-file__translation-container': 1 + 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 + '.ecl-file__info .ecl-file__detail-meta span.ecl-file__detail-meta-item': 0 + equals: + 'div.ecl-file__title': "File title example" + 'div.ecl-file__language': "English" + 'div.ecl-file__meta': "(9.77 KB - PDF)" + 'a.ecl-file__download .ecl-link__label': "Download" + 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "français" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" + '.ecl-file__translation-description': "Custom information snippet." +- array: + '#type': pattern + '#id': file_teaser + '#fields': + button_label: "Download" + teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." + file: + title: "Example document" + name: "document.pdf" + url: "http://example.com" + mime: "application/pdf" + size: "140000" + language_code: "en" + thumbnail: + src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" + alt: "thumbnail alt" + resource_type: "RESOURCE TYPE" + publication_date: "2020-31-08" + translations: + - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." + file: + title: "French translation" + mime: "application/vnd.ms-excel" + url: "http://example.com/document_fr.xls" + size: "150000" + name: "document.xls" + language_code: "fr" + - teaser: "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." + file: + title: "Italian translation" + mime: "application/vnd.ms-powerpoint" + url: "http://example.com/document_it.ppt" + size: "160000" + name: "document.ppt" + language_code: "it" + - teaser: "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." + file: + title: "Hungarian translation" + mime: "application/pdf" + url: "http://example.com/document_hu.pdf" + size: "170000" + name: "document.pdf" + language_code: "hu" + - teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." + file: + title: "Portugies translation" + mime: "application/doc" + url: "http://example.com/document_pt.doc" + size: "180000" + name: "document.doc" + language_code: "pt-pt" + translation_toggle_label: "Other translations" + more_info: "Looking for another language which is not on the list? Find out why." + badges: + - label: "Highlighted" + variant: "highlight" + assertions: + count: + 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 + 'img.ecl-file__image[alt="thumbnail alt"]': 1 + 'a.ecl-file__download[href="http://example.com"]': 1 + 'div.ecl-file.ecl-file--thumbnail': 1 + 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 + 'div.ecl-file__container div.ecl-file__info': 1 + 'div.ecl-file__translation-container': 1 + 'ul.ecl-file__translation-list': 1 + 'li.ecl-file__translation-item a.ecl-file__translation-download': 4 + 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_it.ppt"]': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_hu.pdf"]': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_pt.doc"]': 1 + 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 1 + equals: + 'div.ecl-file__info div.ecl-file__title': "Example document" + 'div.ecl-file__info div.ecl-file__description': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies.' + 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' + 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' + 'div.ecl-file__footer div.ecl-file__language': "English" + 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" + 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" + 'button.ecl-file__translation-toggle .ecl-button__label': "Other translations (4)" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" + '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" + '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-title': "Italian translation" + '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-description': "Proin sagittis nisi hendrerit purus porta, at suscipit est hendrerit. Duis facilisis augue imperdiet, pharetra nisl sed, molestie nulla." + '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-language': "italiano" + '.ecl-file__translation-item:nth-child(2) div.ecl-file__translation-meta': "(156.25 KB - PPT)" + '.ecl-file__translation-item:nth-child(2) .ecl-link__label': "Download" + '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-title': "Hungarian translation" + '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-description': "Duis eget lacinia arcu. Nullam mattis ornare nibh. Proin tristique, ante id aliquet malesuada. Pellentesque porttitor commodo libero sed fringilla. Curabitur varius sodales elit, id tincidunt erat. Aenean tincidunt luctus molestie." + '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-language': "magyar" + '.ecl-file__translation-item:nth-child(3) div.ecl-file__translation-meta': "(166.02 KB - PDF)" + '.ecl-file__translation-item:nth-child(3) .ecl-link__label': "Download" + '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-title': "Portugies translation" + '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-description': "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at finibus purus, eu ultricies nisl. Vivamus vitae ex lectus. In hac habitasse platea dictumst. Proin malesuada est eget vulputate malesuada." + '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-language': "português" + '.ecl-file__translation-item:nth-child(4) div.ecl-file__translation-meta': "(175.78 KB - DOC)" + '.ecl-file__translation-item:nth-child(4) .ecl-link__label': "Download" + 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." + 'div.ecl-file__label span.ecl-label.ecl-label--highlight': "Highlighted" +- array: + '#type': pattern + '#id': file_teaser + '#fields': + button_label: "Download" + teaser: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies." + file: + title: "Example document" + name: "document.pdf" + url: "http://example.com" + mime: "application/pdf" + size: "140000" + language_code: "en" + thumbnail: + src: "https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" + alt: "thumbnail alt" + resource_type: "RESOURCE TYPE" + publication_date: "2020-31-08" + translations: + - teaser: "Morbi fringilla turpis augue, et interdum ipsum egestas sed. Proin tristique, ante id aliquet malesuada, lorem dolor vulputate magna, a commodo purus ante nec massa." + file: + title: "French translation" + mime: "application/vnd.ms-excel" + url: "http://example.com/document_fr.xls" + size: "150000" + name: "document.xls" + language_code: "fr" + lists: + - term: "Keywords" + definition: + - label: 'Apple' + - label: 'Orange' + - term: "Country" + definition: + - 'Belgium' + - 'Hungary' + - term: "External links" + definition: + - label: 'First external link' + path: 'https://example.com/1' + - label: 'Second external link' + path: 'https://example.com/2' + external_link: TRUE + - path: 'https://example.com/3' + external_link: TRUE + more_info: "Looking for another language which is not on the list? Find out why." + length: 10 + assertions: + count: + 'img.ecl-file__image[src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"]': 1 + 'img.ecl-file__image[alt="thumbnail alt"]': 1 + 'a.ecl-file__download[href="http://example.com"]': 1 + 'div.ecl-file.ecl-file--thumbnail': 1 + 'div.ecl-file__container div.ecl-file__info div.ecl-file__detail-meta': 1 + 'div.ecl-file__container div.ecl-file__info': 1 + 'div.ecl-file__translation-container': 1 + 'ul.ecl-file__translation-list': 1 + 'li.ecl-file__translation-item a.ecl-file__translation-download': 1 + 'a.ecl-file__translation-download[href="http://example.com/document_fr.xls"]': 1 + 'div.ecl-file__taxonomy': 1 + 'dl.ecl-description-list': 1 + 'dt.ecl-description-list__term': 3 + 'dd.ecl-description-list__definition.ecl-description-list__definition--taxonomy': 3 + 'li.ecl-description-list__definition-item': 7 + 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone': 3 + 'li.ecl-description-list__definition-item a.ecl-link.ecl-link--standalone.ecl-link--icon': 2 + 'div.ecl-file__label span.ecl-label.ecl-label--highlight': 0 + equals: + 'div.ecl-file__info div.ecl-file__title': "Example document" + 'div.ecl-file__info div.ecl-file__description': 'Lorem...' + 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(1)': 'RESOURCE TYPE' + 'div.ecl-file__info div.ecl-file__detail-meta span.ecl-file__detail-meta-item:nth-child(2)': '2020-31-08' + 'div.ecl-file__footer div.ecl-file__language': "English" + 'div.ecl-file__footer div.ecl-file__meta': "(136.72 KB - PDF)" + 'div.ecl-file__footer a.ecl-file__download .ecl-link__label': "Download" + 'button.ecl-file__translation-toggle .ecl-button__label': "Other languages (1)" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-title': "French translation" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-description': "Morbi..." + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-language': "français" + '.ecl-file__translation-item:nth-child(1) div.ecl-file__translation-meta': "(146.48 KB - XLS)" + '.ecl-file__translation-item:nth-child(1) .ecl-link__label': "Download" + 'li.ecl-file__translation-item.ecl-file__translation-description': "Looking for another language which is not on the list? Find out why." + 'dt.ecl-description-list__term:nth-of-type(1)': 'Keywords' + 'dt.ecl-description-list__term:nth-of-type(2)': 'Country' + 'dt.ecl-description-list__term:nth-of-type(3)': 'External links' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(1)': 'Apple' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(1) li.ecl-description-list__definition-item:nth-of-type(2)': 'Orange' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(1)': 'Belgium' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(2) li.ecl-description-list__definition-item:nth-of-type(2)': 'Hungary' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(1) a[href="https://example.com/1"]': 'First external link' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a[href="https://example.com/2"] .ecl-link__label': 'Second external link' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(2) a svg.ecl-link__icon': '' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a[href="https://example.com/3"] .ecl-link__label': 'https://example.com/3' + 'dd.ecl-description-list__definition--taxonomy:nth-of-type(3) li.ecl-description-list__definition-item:nth-of-type(3) a svg.ecl-link__icon': '' +- array: + '#type': pattern + '#id': file_image + '#fields': + variant: "image" + src: "https://placehold.it/450x250" + alt: "placeholder image" + caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." + assertions: + count: + 'figure.ecl-media-container__figure': 1 + 'img.ecl-media-container__media[src="https://placehold.it/450x250"]': 1 + equals: + 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." +- array: + '#type': pattern + '#id': file_video + '#fields': + variant: "video" + src: "//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892" + src_type: "video/mp4" + caption: "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." + tracks: + src': "" + kind': "captions" + src_lang': "en" + label': "English" + assertions: + count: + 'figure.ecl-media-container__figure': 1 + 'video.ecl-media-container__media': 1 + 'video.ecl-media-container__media source[src="//defiris.ec.streamcloud.be/findmedia/11/101631/LR_I101631INT1W.mp4?latest=0004553892"]': 1 + 'video.ecl-media-container__media source[type="video/mp4"]': 1 + 'video.ecl-media-container__media track[kind="captions"]': 1 + 'video.ecl-media-container__media track[label="English"]': 1 + 'video.ecl-media-container__media track[srclang="en"]': 1 + equals: + 'figcaption.ecl-media-container__caption': "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit." +- array: + '#type': pattern + '#id': gallery + '#variant': default + '#fields': + items: + - thumbnail: + src: 'https://loremflickr.com/320/240/cat' + alt: 'Example alt text' + source: 'https://loremflickr.com/800/600/cat' + caption: 'A picture of a cat' + meta: 'Copyright © 2021, Author and Licence' + media_type: 'image' + expandable: false + disable_overlay: true + assertions: + count: + '.ecl-gallery[data-ecl-gallery][data-ecl-gallery-not-expandable]': 1 + '.ecl-gallery .ecl-gallery__list': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__image[alt="Example alt text"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item figcaption.ecl-gallery__description': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 1 + '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-previous': 0 + '.ecl-gallery .ecl-button.ecl-button--ghost.ecl-gallery__slider-next': 0 + '.ecl-gallery__footer-link': 0 + equals: + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' + contains: + - 'A picture of a cat' +- array: + '#type': pattern + '#id': gallery + '#variant': default + '#fields': + items: + - thumbnail: + src: 'https://loremflickr.com/320/240/cat' + alt: 'Example alt text cat' + source: 'https://loremflickr.com/800/600/cat' + caption: 'A picture of a cat' + type: 'image' + - thumbnail: + src: 'https://loremflickr.com/320/240/dog' + alt: 'Example alt text dog' + source: 'https://www.youtube.com/watch?v=1-g73ty9v04' + caption: "Energy, let's save it!" + meta: 'Copyright © 2021 EC' + type: 'video' + - thumbnail: + src: 'https://loremflickr.com/800/600/lisbon' + alt: 'Example alt text' + caption: 'Meanwhile in Lisbon, the capital of Portugal' + meta: 'Copyright © 2021, Author and Licence' + source: 'https://loremflickr.com/800/600/lisbon' + media_type: 'image' + footer_link_url: 'http://example.com' + footer_link_label: 'Further media items' + footer_link_external: true + visible_items: 1 + assertions: + count: + '.ecl-gallery[data-ecl-gallery-visible-items="1"]': 1 + '.ecl-gallery .ecl-gallery__list': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item': 3 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[src="https://loremflickr.com/320/240/cat"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__image[alt="Example alt text cat"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) figcaption.ecl-gallery__description': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(1) .ecl-gallery__meta': 0 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) a.ecl-gallery__item-link[href="https://www.youtube.com/watch?v=1-g73ty9v04"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[src="https://loremflickr.com/320/240/dog"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image[alt="Example alt text dog"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) figcaption.ecl-gallery__description': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[src="https://loremflickr.com/800/600/lisbon"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__image[alt="Example alt text"]': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) figcaption.ecl-gallery__description': 1 + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 1 + '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-previous': 1 + '.ecl-gallery .ecl-button.ecl-button--tertiary.ecl-gallery__slider-next': 1 + 'dialog.ecl-gallery__overlay[data-ecl-gallery-overlay]': 1 + 'button.ecl-gallery__view-all[data-ecl-gallery-collapsed-label="See all"][data-ecl-gallery-expanded-label="Collapse"]': 1 + '.ecl-gallery__footer-link': 1 + equals: + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__meta': 'Copyright © 2021 EC' + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(2) .ecl-gallery__image-container div.ecl-gallery__item-icon-wrapper svg.ecl-icon': '' + '.ecl-gallery .ecl-gallery__list .ecl-gallery__item:nth-child(3) .ecl-gallery__meta': 'Copyright © 2021, Author and Licence' + '.ecl-gallery__footer-link a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"] .ecl-link__label': 'Further media items' + '.ecl-gallery__footer-link a svg': '' + contains: + - 'A picture of a cat' + - 'Energy, let's save it!' + - 'Meanwhile in Lisbon, the capital of Portugal' +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + detail: "Item text" + meta: + - "Meta 1" + - "Meta 2" + badges: + - label: "Highlighted" + variant: "highlight" + - label: "Status: Open" + variant: "high" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + 'span.ecl-label.ecl-label--highlight': 1 + 'span.ecl-label.ecl-label--high': 1 + equals: + 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--highlight': "Highlighted" + 'article.ecl-content-item ul.ecl-content-block__label-container span.ecl-label.ecl-label--high': "Status: Open" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': "Item text" +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + detail: "Item text" + length: 6 + meta: + - "Meta 1" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item': "Meta 1" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': "Item..." +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + lists: + - + - term: "When" + definition: "Thursday 15 November, 08:00 AM to Friday 16 November" + - term: "Where" + definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list': 1 + 'div.ecl-content-block__list-container .ecl-description-list__term': 2 + 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 + 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': 0 + equals: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + detail: + '#markup': '
      This is the detail. It is long.
      ' + length: 24 + meta: + - "Meta 1" + - "Meta 2" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + equals: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'article.ecl-content-item div.ecl-content-block__description': "
      This is the detail. It...
      " +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + external_link: true + detail: + '#markup': '
      This is the detail with a link. It is long. So it should count properly only the words.
      ' + length: 30 + meta: + - "Meta 1" + - "Meta 2" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"] span.ecl-link__label': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'a.ecl-link.ecl-link--standalone.ecl-link--icon svg.ecl-icon.ecl-icon--2xs.ecl-link__icon' : '' + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link span.ecl-link__label': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': '
      This is the detail with a link...
      ' +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + detail: + '#plain_text': '
      This is the detail. It is long.
      ' + length: 24 + meta: + - "Meta 1" + - "Meta 2" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': '<div>This is the detail...' +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + detail: + '#type': 'processed_text' + '#text': '
      This is the detail. It is long.
      ' + '#format': 'plain_text' + length: 24 + meta: + - "Meta 1" + - "Meta 2" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' +- array: + '#type': pattern + '#id': list_item + '#fields': + url: "http://example.com" + title: "Item title" + detail: + '#type': 'processed_text' + '#text': '
      This is the detail. It is long.
      ' + '#format': 'plain_text' + length: 24 + meta: + - "Meta 1" + - "Meta 2" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + 'article > div .ecl-description-list': 0 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': '

      <div>This is the detail...

      ' +- array: + '#type': pattern + '#id': list_item + '#fields': + detail: "This is a very long description. Better to trim it off." + length: 32 + assertions: + equals: + 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +- array: + '#type': pattern + '#id': list_item + '#variant': "thumbnail_primary" + '#fields': + detail: "This is a very long description. Better to trim it off." + length: 32 + assertions: + equals: + 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +- array: + '#type': pattern + '#id': list_item + '#variant': "thumbnail_secondary" + '#fields': + detail: "This is a very long description. Better to trim it off." + length: 32 + assertions: + equals: + 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +- array: + '#type': pattern + '#id': list_item + '#variant': "navigation" + '#fields': + detail: "This is a very long description. Better to trim it off." + length: 32 + assertions: + equals: + 'article.ecl-content-item div.ecl-content-block__description': "This is a very long description..." +- array: + '#type': pattern + '#id': list_item + '#variant': "thumbnail_primary" + '#fields': + title: "Item title" + url: "http://example.com" + detail: "Item text" + image: + src: "http://via.placeholder.com/150x150" + alt: "Alternate text for primary image" + meta: + - "Meta 1" + - "Meta 2" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for primary image"]': 1 + 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/150x150"]': 1 + 'article.ecl-content-item picture[data-ecl-picture-link]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 0 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': "Item text" +- array: + '#type': pattern + '#id': list_item + '#variant': "thumbnail_secondary" + '#fields': + title: "Item title" + url: "http://example.com" + detail: "Item text" + image: + src: "http://via.placeholder.com/120x80" + alt: "Alternate text for secondary image" + meta: + - "Meta 1" + - "Meta 2" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item img.ecl-content-item__image[alt="Alternate text for secondary image"]': 1 + 'article.ecl-content-item img.ecl-content-item__image[src="http://via.placeholder.com/120x80"]': 1 + 'article.ecl-content-item picture[data-ecl-picture-link]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--right': 1 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Meta 1" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Meta 2" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': "Item text" +- array: + '#type': pattern + '#id': list_item + '#variant': "highlight" + '#fields': + title: "Item title" + url: "http://example.com" + image: + src: "http://via.placeholder.com/300x300" + alt: "Alternate text for secondary image" + badges: + - label: "Highlighted" + variant: "highlight" + - label: "Status: Open" + variant: "high" + assertions: + count: + article.ecl-card div.ecl-card__body div.ecl-content-block.ecl-card__content-block: 1 + article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 + article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 + article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 + article.ecl-card picture[data-ecl-picture-link]: 1 + article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 + article.ecl-card div.ecl-card__body div.ecl-content-block__description: 0 + article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 1 + ul.ecl-content-block__label-container li.ecl-content-block__label-item: 2 + equals: + article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" + ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight: "Highlighted" + ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high: "Status: Open" +- array: + '#type': pattern + '#id': list_item + '#variant': "highlight" + '#fields': + title: "Item title" + url: "http://example.com" + image: + src: "http://via.placeholder.com/300x300" + alt: "Alternate text for secondary image" + detail: "This is a very long description. Better to trim it off." + length: 32 + assertions: + count: + article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]: 1 + article.ecl-card img.ecl-card__image[alt="Alternate text for secondary image"]: 1 + article.ecl-card img.ecl-card__image[src="http://via.placeholder.com/300x300"]: 1 + article.ecl-card picture[data-ecl-picture-link]: 1 + article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container: 0 + article.ecl-card div.ecl-card__body div.ecl-content-block__description: 1 + article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container: 0 + equals: + article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link: "Item title" + article.ecl-card div.ecl-card__body div.ecl-content-block__description: "This is a very long description..." +- array: + '#type': pattern + '#id': list_item + '#variant': "block" + '#fields': + title: "Item title" + url: "http://example.com" + detail: "Item test" + badges: + - label: "Highlighted" + variant: "highlight" + - label: "Status: Open" + variant: "high" + assertions: + count: + 'article.ecl-card div.ecl-card__body a.ecl-link--standalone[href="http://example.com"]': 1 + 'article.ecl-card div.ecl-card__image': 0 + 'article.ecl-card div.ecl-card__body ul.ecl-content-block__primary-meta-container': 0 + 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 + 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 + equals: + 'article.ecl-card div.ecl-card__body div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-card div.ecl-card__body div.ecl-content-block__description': "Item test" + 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" + 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" +- array: + '#type': pattern + '#id': list_item + '#variant': "date" + '#fields': + title: "Item title" + url: "http://example.com" + detail: "Item text" + date: + day: '14' + month_fullname: 'July' + month_name: 'Jul' + month: '7' + year: '2021' + meta: + - "News article" + - "6 July 2015" + badges: + - label: "Highlighted" + variant: "highlight" + - label: "Status: Open" + variant: "medium" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 + equals: + 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--highlight': "Highlighted" + 'article.ecl-content-item div.ecl-content-block.ecl-content-item__content-block ul.ecl-content-block__label-container li span.ecl-label.ecl-label--medium': "Status: Open" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': "Item text" + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' +- array: + '#type': pattern + '#id': list_item + '#variant': "date" + '#fields': + title: "Item title" + url: "http://example.com" + detail: "Item text" + date: + day: '14' + month_fullname: 'July' + month_name: 'Jul' + month: '7' + year: '2021' + meta: + - "News article" + - "6 July 2015" + lists: + - + - term: "When" + definition: "Thursday 15 November, 08:00 AM to Friday 16 November" + - term: "Where" + definition: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date': 1 + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month[title="July"]': 1 + 'div.ecl-content-block__list-container .ecl-description-list__term': 2 + 'div.ecl-content-block__list-container .ecl-description-list__definition': 2 + equals: + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "News article" + 'article.ecl-content-item ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "6 July 2015" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-block__description': "Item text" + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__day': '14' + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date abbr.ecl-date-block__month': 'Jul' + 'article.ecl-content-item time.ecl-date-block.ecl-content-item__date span.ecl-date-block__year': '2021' + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(1)': "When" + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__term:nth-child(3)': "Where" + 'div.ecl-content-block__list-container dl.ecl-description-list.ecl-description-list--horizontal.ecl-content-block__list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" +- array: + '#type': pattern + '#id': list_item + '#variant': "date_cancelled" + '#fields': + date: + day: '14' + month_fullname: 'July' + month_name: 'Jul' + month: '7' + year: '2021' + assertions: + count: + 'time.ecl-date-block.ecl-date-block--cancelled.ecl-content-item__date': 1 +- array: + '#type': pattern + '#id': list_item + '#variant': "date_ongoing" + '#fields': + date: + day: '14' + month_fullname: 'July' + month_name: 'Jul' + month: '7' + year: '2021' + assertions: + count: + 'time.ecl-date-block.ecl-date-block--ongoing.ecl-content-item__date': 1 +- array: + '#type': pattern + '#id': list_item + '#variant': "date_past" + '#fields': + date: + day: '14' + month_fullname: 'July' + month_name: 'Jul' + month: '7' + year: '2021' + assertions: + count: + 'time.ecl-date-block.ecl-date-block--past.ecl-content-item__date': 1 +- array: + '#type': pattern + '#id': list_item + '#variant': "navigation" + '#fields': + title: "Item title" + url: "http://example.com" + detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + assertions: + count: + 'article.ecl-content-item div.ecl-content-item__content-block a.ecl-link[href="http://example.com"]': 1 + 'article.ecl-content-item picture.ecl-content-item__picture--large img.ecl-content-item__image': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--left': 0 + 'article.ecl-content-item picture.ecl-content-item__picture--large.ecl-content-item__picture--right': 0 + equals: + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title .ecl-link': "Item title" + 'article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +- array: + '#type': pattern + '#id': list_item_block_one_column + '#fields': + title: "Block title" + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "Business, Economy, Euro" + detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + button_label: "Button nolink" + assertions: + count: + 'div.ecl-content-item-block__title': 1 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 + 'div.ecl-content-item-block__item': 1 + 'div.ecl-content-item-block__item.ecl-col-12': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4': 0 + 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button .ecl-u-clearfix': 1 + 'div.ecl-content-item-block__button a.ecl-link--icon.ecl-link--standalone svg': 0 + equals: + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + 'div.ecl-content-item-block__button .ecl-u-clearfix': "Button nolink" +- array: + '#type': pattern + '#id': list_item_block_one_column + '#fields': + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "Business, Economy, Euro" + detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + button_label: "View all" + button_url: "http://example.com" + button_icon_position: 'before' + button_icon_name: 'list' + external_link: true + assertions: + count: + 'div.ecl-content-item-block__title': 0 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 + 'div.ecl-content-item-block__item': 1 + 'div.ecl-content-item-block__item.ecl-col-12': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4': 0 + 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button': 1 + 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 + 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 + equals: + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + 'a.ecl-link span.ecl-link__label': "View all" + 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' +- array: + '#type': pattern + '#id': list_item_block_one_column + '#fields': + title: "Block title" + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "Business, Economy, Euro" + detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + button_label: "View all" + button_url: "http://example.com" + external_link: false + button_icon_name: 'list' + button_icon_position: 'before' + assertions: + count: + 'div.ecl-content-item-block__title': 1 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 + 'div.ecl-content-item-block__item': 1 + 'div.ecl-content-item-block__item.ecl-col-12': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4': 0 + 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button': 1 + 'div.ecl-content-item-block__button a.ecl-link--standalone svg': 1 + 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 1 + equals: + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + 'a.ecl-link span.ecl-link__label': "View all" + 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' +- array: + '#type': pattern + '#id': list_item_block_one_column + '#fields': + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "Business, Economy, Euro" + detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + assertions: + count: + 'div.ecl-content-item-block__title': 0 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 + 'div.ecl-content-item-block__item': 1 + 'div.ecl-content-item-block__item.ecl-col-12': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4': 0 + 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button': 0 + 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 + equals: + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." +- array: + '#type': pattern + '#id': list_item_block_one_column + '#fields': + title: "Block title" + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "Business, Economy, Euro" + detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + button_label: "View all" + button_url: "http://example.com" + button_icon_name: "list" + assertions: + count: + 'div.ecl-content-item-block__title': 1 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 + 'div.ecl-content-item-block__item': 1 + 'div.ecl-content-item-block__item.ecl-col-12': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4': 0 + 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button': 1 + 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 + equals: + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + 'a.ecl-link': 'View all' +- array: + '#type': pattern + '#id': list_item_block_one_column + '#fields': + title: "Block title" + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "Business, Economy, Euro" + detail: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + button_label: "View all" + button_url: "http://example.com" + button_icon_name: "list" + button_icon_position: "before" + assertions: + count: + 'div.ecl-content-item-block__title': 1 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 1 + 'div.ecl-content-item-block__item': 1 + 'div.ecl-content-item-block__item.ecl-col-12': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4': 0 + 'div.ecl-content-item-block__item.ecl-col-12 article.ecl-content-item': 1 + 'div.ecl-content-item-block__item.ecl-col-m-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-col-m-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button': 1 + 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 + equals: + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': "Block title" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "Business, Economy, Euro" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + 'a.ecl-link': 'View all' +- array: + '#type': pattern + '#id': list_item_block_two_columns + '#fields': + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 1" + detail: "Description for list item 1." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 2" + detail: "Description for list item 2." + assertions: + count: + 'div.ecl-content-item-block__title': 0 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 + 'div.ecl-content-item-block__item': 2 + 'div.ecl-content-item-block__item.ecl-col-l-6': 2 + 'div.ecl-content-item-block__item.ecl-col-l-4': 0 + 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 + 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button': 0 + 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 + equals: + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." + 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" + 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." +- array: + '#type': pattern + '#id': list_item_block_two_columns + '#fields': + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 1" + detail: "Description for list item 1." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 2" + detail: "Description for list item 2." + button_label: "View all" + button_url: "http://example.com" + button_icon_name: "list" + button_icon_position: "before" + assertions: + count: + 'div.ecl-content-item-block__title': 0 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 + 'div.ecl-content-item-block__item': 2 + 'div.ecl-content-item-block__item.ecl-col-l-6': 2 + 'div.ecl-content-item-block__item.ecl-col-l-4': 0 + 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 2 + 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 0 + 'div.ecl-content-item-block__button': 1 + 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 + equals: + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." + 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" + 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." + 'a.ecl-link': 'View all' +- array: + '#type': pattern + '#id': list_item_block_three_columns + '#fields': + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 1" + detail: "Description for list item 1." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 2" + detail: "Description for list item 2." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 3" + detail: "Description for list item 3." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 4" + detail: "Description for list item 4." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 5" + detail: "Description for list item 5." + vertical: true + assertions: + count: + 'div.ecl-content-item-block__title': 0 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 + 'div.ecl-content-item-block__item': 8 + 'div.ecl-content-item-block__item.ecl-col-l-6': 0 + 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4': 3 + 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-u-mb-l.ecl-col-12.ecl-col-l-4 div.ecl-content-item-block__item.ecl-u-mb-l': 5 + 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 + 'div.ecl-content-item-block__button': 0 + 'div.ecl-content-item-block__button a.ecl-link[href="http://example.com"]': 0 + equals: + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 1" + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 1." + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 2" + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(1) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 2." + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 3" + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 3." + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__title': "List item 4" + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(2) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(2) article div.ecl-content-block__description': "Description for list item 4." + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__title': "List item 5" + 'div.ecl-content-item-block__item.ecl-col-12.ecl-col-l-4:nth-child(3) div.ecl-content-item-block__item.ecl-u-mb-l:nth-child(1) article div.ecl-content-block__description': "Description for list item 5." +- array: + '#type': pattern + '#id': list_item_block_three_columns + '#fields': + items: + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 1" + detail: "Description for list item 1." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 2" + detail: "Description for list item 2." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 3" + detail: "Description for list item 3." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 4" + detail: "Description for list item 4." + - '#type': "pattern" + '#id': "list_item" + '#fields': + title: "List item 5" + detail: "Description for list item 5." + button_label: "View all" + button_url: "http://example.com" + button_icon_name: "language" + button_icon_position: "after" + assertions: + count: + 'div.ecl-content-item-block__title': 0 + 'div.ecl-content-item-block__title h2.ecl-u-type-heading-2': 0 + 'div.ecl-content-item-block__item': 5 + 'div.ecl-content-item-block__item.ecl-col-l-6': 0 + 'div.ecl-content-item-block__item.ecl-col-l-4': 5 + 'div.ecl-content-item-block__item.ecl-col-l-6 article.ecl-content-item': 0 + 'div.ecl-content-item-block__item.ecl-col-l-4 article.ecl-content-item': 5 + 'div.ecl-content-item-block__button': 1 + 'div.ecl-content-item-block__button a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://example.com"]': 1 + equals: + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 1" + 'div.ecl-content-item-block__item:nth-child(1) article.ecl-content-item div.ecl-content-block__description': "Description for list item 1." + 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 2" + 'div.ecl-content-item-block__item:nth-child(2) article.ecl-content-item div.ecl-content-block__description': "Description for list item 2." + 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 3" + 'div.ecl-content-item-block__item:nth-child(3) article.ecl-content-item div.ecl-content-block__description': "Description for list item 3." + 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 4" + 'div.ecl-content-item-block__item:nth-child(4) article.ecl-content-item div.ecl-content-block__description': "Description for list item 4." + 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-item__content-block div.ecl-content-block__title': "List item 5" + 'div.ecl-content-item-block__item:nth-child(5) article.ecl-content-item div.ecl-content-block__description': "Description for list item 5." + 'a.ecl-link': 'View all' +- array: + '#type': pattern + '#id': list_item_block_four_columns + '#fields': + items: + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } + button_label: "View all" + button_url: "http://example.com" + button_icon_name: "list" + button_icon_position: "before" + assertions: + equals: + 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(1) a.ecl-link': 'A simple link 1' + 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(2) a.ecl-link': 'A simple link 2' + 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(3) a.ecl-link': 'A simple link 3' + 'div.ecl-content-item-block__item.ecl-col-l-3:nth-child(4) a.ecl-link': 'A simple link 4' + 'a.ecl-link--icon': 'View all' +- array: + '#type': pattern + '#id': list_item_block_six_columns + '#fields': + items: + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 1' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 2' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 3' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 4' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 5' } } + - { '#type': 'pattern', '#id': 'link', '#fields': { url: '#', text: 'A simple link 6' } } + button_label: "View all" + button_url: "http://example.com" + button_icon_name: "list" + button_icon_position: "before" + assertions: + equals: + 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(1) a.ecl-link': 'A simple link 1' + 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(2) a.ecl-link': 'A simple link 2' + 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(3) a.ecl-link': 'A simple link 3' + 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(4) a.ecl-link': 'A simple link 4' + 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(5) a.ecl-link': 'A simple link 5' + 'div.ecl-content-item-block__item.ecl-col-l-2:nth-child(6) a.ecl-link': 'A simple link 6' + 'a.ecl-link--icon': 'View all' +- array: + '#type': pattern + '#id': navigation_list + '#fields': + title: 'Navigation list title' + title_url: 'http://example.com' + external_link: true + description: 'Navigation list description' + links: + - label: 'Child 1' + url: 'http://example.com/child1' + is_external: true + - label: 'Child 2' + url: 'http://example.com/child2' + - label: 'Child 3' + url: 'http://example.com/child3' + secondary_links: + - label: 'Secondary Link 1' + url: 'http://example.com/secondary1' + is_external: true + - label: 'Secondary Link 2' + url: 'http://example.com/secondary2' + border: true + image: + src: "https://placeimg.com/1000/500/arch" + alt: "Alternative text for image" + assertions: + equals: + 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"] .ecl-link__label': 'Navigation list title' + 'div.ecl-content-block__description': 'Navigation list description' + '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"] .ecl-link__label': 'Child 1' + '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' + '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' + '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/secondary1"] .ecl-link__label': 'Secondary Link 1' + '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/secondary2"]': 'Secondary Link 2' + count: + .ecl-content-block.ecl-navigation-list__content-block: 1 + 'div.ecl-content-block__title a.ecl-link .ecl-icon': 1 + '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-icon': 1 + '.ecl-content-block__link-list:nth-child(1) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-icon': 0 + '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(1) a.ecl-link .ecl-link__label': 1 + '.ecl-content-block__link-list:nth-child(2) li.ecl-content-block__link-item:nth-child(2) a.ecl-link .ecl-link__label': 0 + 'ul.ecl-content-block__link-list': 2 + 'li.ecl-content-block__link-item': 5 + "img.ecl-navigation-list__image[src=\"https://placeimg.com/1000/500/arch\"]": 1 + 'img.ecl-navigation-list__image[alt="Alternative text for image"]': 1 +- array: + '#type': pattern + '#id': navigation_list + '#fields': + title: 'Navigation list title' + title_url: 'http://example.com' + description: 'Navigation list description' + assertions: + equals: + 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link[href="http://example.com"]': 'Navigation list title' + 'div.ecl-content-block__description': 'Navigation list description' + count: + div.ecl-content-block__title a.ecl-link .ecl-icon: 0 + .ecl-navigation-list__item.ecl-navigation-list__item--no-border: 1 + ul.ecl-content-block__link-list: 0 + li.ecl-content-block__link-item: 0 + div.ecl-navigation-list__image: 0 +- array: + '#type': pattern + '#id': navigation_list + '#fields': + title: 'Navigation list title' + links: + - label: 'Child 1' + url: 'http://example.com/child1' + - label: 'Child 2' + url: 'http://example.com/child2' + - label: 'Child 3' + url: 'http://example.com/child3' + assertions: + equals: + 'div.ecl-content-block__title': 'Navigation list title' + 'li.ecl-content-block__link-item:nth-child(1) a.ecl-link[href="http://example.com/child1"]': 'Child 1' + 'li.ecl-content-block__link-item:nth-child(2) a.ecl-link[href="http://example.com/child2"]': 'Child 2' + 'li.ecl-content-block__link-item:nth-child(3) a.ecl-link[href="http://example.com/child3"]': 'Child 3' + count: + div.ecl-content-block__title a: 0 + ul.ecl-content-block__link-list: 1 + li.ecl-content-block__link-item: 3 + div.ecl-content-block__description: 0 + div.ecl-navigation-list__image: 0 +- array: + '#type': pattern + '#id': accordion + '#fields': + identifier: "id" + items: + - title: "Title 1" + body: "Body 1" + - title: "Title 2" + body: "Body 2" + assertions: + count: + '.ecl-accordion__title': 2 + '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-icon': 2 + '.ecl-accordion__title button.ecl-accordion__toggle .ecl-accordion__toggle-title': 2 + '.ecl-accordion__content#id-0-content': 1 + '.ecl-accordion__content#id-1-content': 1 + equals: + '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-0-content"] .ecl-accordion__toggle-title': "Title 1" + '.ecl-accordion__content#id-0-content': "Body 1" + '.ecl-accordion__title button.ecl-accordion__toggle[aria-controls="id-1-content"] .ecl-accordion__toggle-title': "Title 2" + '.ecl-accordion__content#id-1-content': "Body 2" +- array: + '#type': pattern + '#id': dropdown + '#fields': + button_label: "Dropdown" + links: + - label: 'Link 1' + url: 'http://example.com/1' + - label: 'Link 2' + url: 'http://example.com/2' + - label: 'Link 3' + url: 'http://example.com/3' + assertions: + count: + '.ecl-expandable-dropdown__content a[href="http://example.com/1"]': 1 + '.ecl-expandable-dropdown__content a[href="http://example.com/2"]': 1 + '.ecl-expandable-dropdown__content a[href="http://example.com/3"]': 1 + equals: + 'button.ecl-expandable__toggle span.ecl-button__label': "Dropdown" + '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(1) a': "Link 1" + '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(2) a': "Link 2" + '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(3) a': "Link 3" +- array: + '#type': pattern + '#id': field + '#variant': default + '#fields': + label: "Field text" + body: "Field body" + assertions: + count: + '.ecl-description-list.ecl-description-list--default': 1 + '.ecl-description-list__term': 1 + '.ecl-description-list__definition': 1 + equals: + '.ecl-description-list__term': "Field text" + '.ecl-description-list__definition': "Field body" +- array: + '#type': pattern + '#id': field + '#variant': horizontal + '#fields': + label: "Field label" + body: "Field body" + assertions: + count: + '.ecl-description-list.ecl-description-list--horizontal': 1 + '.ecl-description-list__term': 1 + '.ecl-description-list__definition': 1 + equals: + '.ecl-description-list__term': "Field label" + '.ecl-description-list__definition': "Field body" +- array: + '#type': pattern + '#id': field_list + '#variant': horizontal + '#fields': + items: + - label: "When" + body: "Thursday 15 November, 08:00 AM to Friday 16 November" + - label: "Where" + body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" + - label: "Live streaming" + body: "08:00 CET | 00d:23h:35m" + assertions: + count: + '.ecl-description-list.ecl-description-list--horizontal': 1 + '.ecl-description-list__term': 3 + '.ecl-description-list__definition': 3 + equals: + '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" + '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" + '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" + '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" + '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" + '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" +- array: + '#type': pattern + '#variant': default + '#id': field_list + '#fields': + items: + - label: "When" + body: "Thursday 15 November, 08:00 AM to Friday 16 November" + - label: "Where" + body: "The EGG, Rue Barra 175, 1070 Brussels, Belgium" + - label: "Live streaming" + body: "08:00 CET | 00d:23h:35m" + assertions: + count: + '.ecl-description-list.ecl-description-list--default': 1 + '.ecl-description-list__term': 3 + '.ecl-description-list__definition': 3 + equals: + '.ecl-description-list .ecl-description-list__term:nth-child(1)': "When" + '.ecl-description-list .ecl-description-list__definition:nth-child(2)': "Thursday 15 November, 08:00 AM to Friday 16 November" + '.ecl-description-list .ecl-description-list__term:nth-child(3)': "Where" + '.ecl-description-list .ecl-description-list__definition:nth-child(4)': "The EGG, Rue Barra 175, 1070 Brussels, Belgium" + '.ecl-description-list .ecl-description-list__term:nth-child(5)': "Live streaming" + '.ecl-description-list .ecl-description-list__definition:nth-child(6)': "08:00 CET | 00d:23h:35m" +- array: + '#type': pattern + '#id': link_block + '#fields': + title: "Link block title" + links: + - label: 'Link 1' + url: 'http://link-1.com' + is_external: true + - label: 'Link 2' + url: 'http://link-2.com' + is_external: true + - label: 'Link 3' + url: 'http://link-3.com' + assertions: + count: + '.ecl-link-block__title': 1 + '.ecl-link-block__item': 3 + 'a.ecl-link-block__link[href="http://link-1.com"]': 1 + 'a.ecl-link-block__link[href="http://link-2.com"]': 1 + 'a.ecl-link-block__link[href="http://link-3.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-link__icon': 2 + equals: + '.ecl-link-block__title h5': "Link block title" + '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link .ecl-link__label': "Link 1" + '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' + '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link .ecl-link__label': "Link 2" + '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link svg.ecl-icon.ecl-icon--xs.ecl-link__icon': '' + '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" +- array: + '#type': pattern + '#id': link_block + '#fields': + links: + - label: 'Link 1' + url: 'http://link-1.com' + - label: 'Link 2' + url: 'http://link-2.com' + - label: 'Link 3' + url: 'http://link-3.com' + assertions: + count: + '.ecl-link-block__title': 0 + '.ecl-link-block__item': 3 + 'a.ecl-link-block__link[href="http://link-1.com"]': 1 + 'a.ecl-link-block__link[href="http://link-2.com"]': 1 + 'a.ecl-link-block__link[href="http://link-3.com"]': 1 + equals: + '.ecl-link-block__list .ecl-link-block__item:nth-child(1) .ecl-link': "Link 1" + '.ecl-link-block__list .ecl-link-block__item:nth-child(2) .ecl-link': "Link 2" + '.ecl-link-block__list .ecl-link-block__item:nth-child(3) .ecl-link': "Link 3" +- array: + '#type': pattern + '#id': blockquote + '#fields': + body: "Quote text" + author: "Quote author" + assertions: + count: + 'img.ecl-blockquote__image': 0 + equals: + '.ecl-blockquote__author': "Quote author" + '.ecl-blockquote__citation': "Quote text" +- array: + '#type': pattern + '#id': blockquote + '#fields': + body: "Quote text" + author: "Quote author" + image: + src: "http://via.placeholder.com/120x80" + alt: "Alternative of image" + assertions: + count: + 'img.ecl-blockquote__image[src="http://via.placeholder.com/120x80"]': 1 + 'img.ecl-blockquote__image[alt="Alternative of image"]': 1 + equals: + '.ecl-blockquote__author': "Quote author" + '.ecl-blockquote__citation': "Quote text" +- array: + '#type': pattern + '#id': context_nav + '#fields': + label: "Navigation title" + items: + - href: "http://link-1.com" + label: "Item one" + is_external: true + - href: "http://link-2.com" + label: "Item two" + - href: "http://link-3.com" + label: "Item three" + is_external: true + - href: "http://link-4.com" + label: "Item four" + - href: "http://link-5.com" + label: "Item five" + is_external: true + limit: 4 + more_label: "More label" + assertions: + count: + "nav.ecl-contextual-navigation[aria-labelledby=\"nav-label\"][data-ecl-contextual-navigation]": 1 + 'li.ecl-contextual-navigation__item': 6 + 'li.ecl-contextual-navigation__item--collapsed': 1 + 'li.ecl-contextual-navigation__item--more': 1 + 'span.ecl-link__label': 3 + equals: + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] span.ecl-link__label': "Item one" + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-1.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-2.com"]': "Item two" + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] span.ecl-link__label': "Item three" + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-3.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-4.com"]': "Item four" + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] span.ecl-link__label': "Item five" + 'li.ecl-contextual-navigation__item a.ecl-contextual-navigation__link[href="http://link-5.com"] svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' + 'div#nav-label.ecl-contextual-navigation__label': "Navigation title" + 'button.ecl-contextual-navigation__more .ecl-button__label': "More label" +- array: + '#type': pattern + '#id': button + '#variant': default + '#fields': + label: "Button label" + href: "http://example.com" + icon: "caret-right" + icon_position: "before" + type_attribute: "default" + assertions: + count: + 'a.ecl-link--standalone.ecl-link--icon svg': 1 + equals: + 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" + 'svg.ecl-icon.ecl-icon--s.ecl-link__icon': '' +- array: + '#type': pattern + '#id': button + '#variant': default + '#fields': + label: "Button label" + href: "http://example.com" + icon: "caret-right" + icon_position: "before" + type_attribute: "default" + external_link: true + assertions: + count: + 'a.ecl-link--standalone.ecl-link--icon svg': 1 + equals: + 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" + 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +- array: + '#type': pattern + '#id': button + '#variant': default + '#fields': + label: "Button label" + href: "http://example.com" + type_attribute: "standalone" + external_link: true + assertions: + count: + 'a.ecl-link--icon': 1 + equals: + 'a.ecl-link--standalone[href="http://example.com"] .ecl-link__label': "Button label" + 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +- array: + '#type': pattern + '#id': button + '#fields': + type_attribute: "submit" + label: "Button label" + assertions: + count: + 'button.ecl-button--primary': 1 + 'button.ecl-button[type="submit"]': 1 + equals: + 'button.ecl-button--primary': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': secondary + '#fields': + type_attribute: "submit" + label: "Button label" + assertions: + count: + 'button.ecl-button--secondary': 1 + 'button.ecl-button[type="submit"]': 1 + equals: + 'button.ecl-button--secondary': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': primary + '#fields': + type_attribute: "reset" + label: "Button label" + assertions: + count: + 'button.ecl-button[type="reset"]': 1 +- array: + '#type': pattern + '#id': button + '#variant': primary + '#fields': + type_attribute: "button" + is_block: true + label: "Button label" + assertions: + count: + 'button.ecl-button[type="button"]': 1 +- array: + '#type': pattern + '#id': button + '#variant': secondary + '#fields': + label: "Button label" + assertions: + equals: + 'button.ecl-button--secondary': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': ghost + '#fields': + label: "Button label" + assertions: + equals: + 'button.ecl-button--ghost': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': search + '#fields': + label: "Button label" + assertions: + equals: + 'button.ecl-button--search': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': call + '#fields': + label: "Button label" + assertions: + equals: + 'button.ecl-button--call': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': form + '#fields': + label: "Button label" + assertions: + equals: + 'button.ecl-button--form': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': form_primary + '#fields': + label: "Button label" + assertions: + equals: + 'button.ecl-button--form-primary': "Button label" +- array: + '#type': pattern + '#id': button + '#variant': splash_page + '#fields': + label: "Button label" + assertions: + equals: + 'button.ecl-button--splash-page': "Button label" +- array: + '#type': pattern + '#id': social_media_links_vertical + '#fields': + title: "View European Commission on:" + links: + - service: "facebook" + label: "Facebook" + url: "http://facebook.com" + - service: "twitter" + label: "Twitter" + url: "http://twitter.com" + - service: "instagram" + label: "Instagram" + url: "http://instagram.com" + assertions: + count: + 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 + 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 + 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 + equals: + '.ecl-social-media-follow--vertical > p.ecl-social-media-follow__description': "View European Commission on:" + 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" + 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" + 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" +- array: + '#type': pattern + '#id': social_media_links_horizontal + '#fields': + title: "View European Commission on:" + links: + - service: "facebook" + label: "Facebook" + url: "http://facebook.com" + - service: "twitter" + label: "Twitter" + url: "http://twitter.com" + - service: "instagram" + label: "Instagram" + url: "http://instagram.com" + assertions: + assertions: + count: + 'a.ecl-social-media-follow__link[href="http://facebook.com"]': 1 + 'a.ecl-social-media-follow__link[href="http://instagram.com"]': 1 + 'a.ecl-social-media-follow__link[href="http://twitter.com"]': 1 + equals: + '.ecl-social-media-follow > p.ecl-social-media-follow__description': "View European Commission on:" + 'a.ecl-social-media-follow__link[href="http://facebook.com"] span': "Facebook" + 'a.ecl-social-media-follow__link[href="http://twitter.com"] span': "Twitter" + 'a.ecl-social-media-follow__link[href="http://instagram.com"] span': "Instagram" +- array: + '#type': pattern + '#id': social_icon + '#fields': + service: "facebook" + label: "Facebook" + url: "http://facebook.com" + assertions: + count: + 'a.ecl-link.ecl-link--standalone.ecl-link--icon[href="http://facebook.com"]': 1 + 'svg.ecl-link__icon': 1 + equals: + 'a.ecl-link.ecl-link--standalone.ecl-link--icon span.ecl-link__label': "Facebook" +- array: + '#type': pattern + '#id': featured_item + '#variant': "default" + '#fields': + title: "Example title" + assertions: + count: + "img.ecl-card__image": 0 + 'div.ecl-content-block__title': 1 + 'div.ecl-content-block__description': 0 + 'ul.ecl-content-block__secondary-meta-container': 0 + 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 + 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 + equals: + 'div.ecl-content-block__title': "Example title" +- array: + '#type': pattern + '#id': featured_item + '#variant': "extended" + '#fields': + title: "Example title" + assertions: + count: + "div.ecl-card__image": 0 + 'div.ecl-content-block__title': 1 + 'div.ecl-content-block__description': 0 + 'ul.ecl-content-block__secondary-meta-container': 0 + 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 + 'span.ecl-button__container a.ecl-button .ecl-button__label': 0 + 'div.ecl-content-block__title a.ecl-link.ecl-link--standalone': 0 + equals: + 'div.ecl-content-block__title': "Example title" +- array: + '#type': pattern + '#id': featured_item + '#variant': "default" + '#fields': + title: "Example title" + description: "Example description" + image: + src: "http://via.placeholder.com/120x80" + alt: "Alternative of image" + metas: + - "Breaking news article" + - "Brussels" + link: + href: "https://example.com" + label: "Link title" + badges: + - label: "Highlighted" + variant: "highlight" + - label: "Status: Open" + variant: "high" + assertions: + count: + "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 + 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 + 'article.ecl-card picture[data-ecl-picture-link]': 1 + 'a.ecl-button': 0 + 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 1 + 'ul.ecl-content-block__label-container li.ecl-content-block__label-item': 2 + 'ul.ecl-content-block__primary-meta-container': 1 + equals: + 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" + 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" + 'div.ecl-content-block__title a': "Example title" + 'div.ecl-content-block__description': "Example description" + 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(1) span.ecl-label.ecl-label--highlight': "Highlighted" + 'ul.ecl-content-block__label-container li.ecl-content-block__label-item:nth-child(2) span.ecl-label.ecl-label--high': "Status: Open" +- array: + '#type': pattern + '#id': featured_item + '#variant': "default" + '#fields': + title: "Example title" + description: "Example description" + length: 8 + image: + src: "http://via.placeholder.com/120x80" + alt: "Alternative of image" + metas: + - "Breaking news article" + - "Brussels" + link: + href: "https://example.com" + label: "Link title" + assertions: + count: + "img.ecl-card__image[src=\"http://via.placeholder.com/120x80\"]": 1 + 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 + 'article.ecl-card picture[data-ecl-picture-link]': 1 + 'a.ecl-button': 0 + 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 + 'ul.ecl-content-block__primary-meta-container': 1 + equals: + 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(1)': "Breaking news article" + 'ul.ecl-content-block__primary-meta-container li.ecl-content-block__primary-meta-item:nth-child(2)': "Brussels" + 'div.ecl-content-block__title a': "Example title" + 'div.ecl-content-block__description': "Example..." +- array: + '#type': pattern + '#id': featured_item + '#variant': "default" + '#fields': + description: + '#type': pattern + '#id': blockquote + '#fields': + body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.' + author: 'John Doe' + length: 25 + assertions: + equals: + 'div.ecl-content-block__description': '

      Lorem ipsum dolor sit...

      ' +- array: + '#type': pattern + '#id': featured_item + '#variant': "default" + '#fields': + description: + '#markup': '
      Example description
      ' + length: 8 + assertions: + equals: + 'div.ecl-content-block__description': '
      Example...
      ' +- array: + '#type': pattern + '#id': featured_item + '#variant': "extended" + '#fields': + title: "Example title" + description: "Example description" + link: + href: "https://example.com" + label: "Link title" + assertions: + count: + "div.ecl-card__image": 0 + 'div.ecl-content-block__title a.ecl-link--standalone[href="https://example.com"]': 1 + 'a.ecl-button[href="https://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-90.ecl-button__icon.ecl-button__icon--after': 1 + equals: + 'div.ecl-content-block__title a': "Example title" + 'div.ecl-content-block__description .ecl-paragraph': "Example description" + 'a.ecl-button .ecl-button__label': "Link title" + 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon.ecl-button__icon--after': '' +- array: + '#type': pattern + '#id': featured_item + '#variant': "extended" + '#fields': + title: "Example title" + description: "Example description" + link: + href: "https://example.com" + label: "Link title" + external_link: true + assertions: + count: + "div.ecl-card__image": 0 + 'div.ecl-content-block__title a.ecl-link--standalone.ecl-link--icon[href="https://example.com"]': 1 + 'a.ecl-button[href="https://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-button__icon': 1 + equals: + 'div.ecl-content-block__title a span.ecl-link__label': "Example title" + 'div.ecl-content-block__description .ecl-paragraph': "Example description" + 'a.ecl-button .ecl-button__label': "Link title" + 'div.ecl-content-block__title a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' + '.ecl-content-block__description svg.ecl-icon.ecl-icon--xs.ecl-button__icon': '' +- array: + '#type': pattern + '#id': featured_item + '#variant': "default" + '#fields': + title: "Example title" + description: "Example description" + footer_items: + - icon: "calendar" + text: "15-16 November 2019, 08:00 AM" + - icon: "location" + text: "Brussels, Belgium" + assertions: + count: + 'ul.ecl-content-block__secondary-meta-container': 1 + 'article.ecl-card div.ecl-card__body ul.ecl-content-block__label-container': 0 + equals: + 'li.ecl-content-block__secondary-meta-item:nth-child(1)' : '15-16 November 2019, 08:00 AM' + 'li.ecl-content-block__secondary-meta-item:nth-child(2)' : 'Brussels, Belgium' +- array: + '#type': pattern + '#id': timeline + '#fields': + limit: 2 + limit_to: 4 + items: + - + label: "13 September 2017" + title: "Item 1" + body: + '#markup': 'Economic and Monetary Union package of proposals' + - + label: "28-29 September 2017" + title: "Item 2" + body: "Lorem Ipsum 2" + - + body: "Lorem Ipsum 3" + - + body: "Lorem Ipsum 4" + - + body: "Lorem Ipsum 5" + - + label: "6 February 2018" + title: "Item 6" + body: "Lorem Ipsum 6" + assertions: + count: + 'h2.ecl-u-type-heading-2': 0 + 'div.ecl.ecl-u-mb-m': 0 + 'ol.ecl-timeline': 1 + 'li.ecl-timeline__item': 7 + '.ecl-timeline__item.ecl-timeline__item--toggle': 1 + '.ecl-timeline__item.ecl-timeline__item--collapsed': 2 + '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 + '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 + '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': 0 + equals: + '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" + '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" + '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" + '.ecl-timeline__item:nth-child(5) .ecl-timeline__toggle .ecl-button__label': "Show 2 more items" + '.ecl-timeline__item:nth-child(7) .ecl-timeline__title': "Item 6" + '.ecl-timeline__item:nth-child(7) .ecl-timeline__label': "6 February 2018" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' + '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' + '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' + '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' + '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 5' + '.ecl-timeline__item:nth-child(7) .ecl-timeline__content': 'Lorem Ipsum 6' +- array: + '#type': pattern + '#id': timeline + '#fields': + items: + - + title: "Item 1" + body: "Lorem Ipsum 1" + - + title: "Item 2" + body: "Lorem Ipsum 2" + - + title: "Item 3" + body: "Lorem Ipsum 3" + - + title: "Item 4" + body: "Lorem Ipsum 4" + - + title: "Item 5" + body: "Lorem Ipsum 5" + - + title: "Item 6" + body: "Lorem Ipsum 6" + assertions: + count: + 'h2.ecl-u-type-heading-2': 0 + 'div.ecl.ecl-u-mb-m': 0 + 'ol.ecl-timeline': 1 + 'li.ecl-timeline__item': 6 + '.ecl-timeline__item.ecl-timeline__item--toggle': 0 + '.ecl-timeline__item.ecl-timeline__item--collapsed': 0 + equals: + '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" + '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" + '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': "Item 3" + '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': "Item 4" + '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': "Item 5" + '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Lorem Ipsum 1' + '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' + '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' + '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' + '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' + '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' +- array: + '#type': pattern + '#id': timeline + '#fields': + limit: 2 + button_label: 'Show all timelines' + items: + - + label: "13 September 2017" + title: "Item 1" + body: + '#markup': 'Economic and Monetary Union package of proposals' + - + label: "28-29 September 2017" + title: "Item 2" + body: "Lorem Ipsum 2" + - + body: "Lorem Ipsum 3" + - + body: "Lorem Ipsum 4" + - + body: "Lorem Ipsum 5" + - + label: "6 February 2018" + title: "Item 6" + body: "Lorem Ipsum 6" + assertions: + count: + 'h2.ecl-u-type-heading-2': 0 + 'div.ecl.ecl-u-mb-m': 0 + 'ol.ecl-timeline': 1 + 'li.ecl-timeline__item': 7 + '.ecl-timeline__item.ecl-timeline__item--toggle': 1 + '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 + '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 + '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 + '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 + equals: + '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" + '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" + '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" + '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" + '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" + '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show all timelines" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' + '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' + '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' + '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' + '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' + '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' +- array: + '#type': pattern + '#id': timeline + '#fields': + title: "Timeline heading" + introduction: "Timeline introduction" + limit: 2 + items: + - + label: "13 September 2017" + title: "Item 1" + body: + '#markup': 'Economic and Monetary Union package of proposals' + - + label: "28-29 September 2017" + title: "Item 2" + body: "Lorem Ipsum 2" + - + body: "Lorem Ipsum 3" + - + body: "Lorem Ipsum 4" + - + body: "Lorem Ipsum 5" + - + label: "6 February 2018" + title: "Item 6" + body: "Lorem Ipsum 6" + assertions: + count: + 'h2.ecl-u-type-heading-2': 1 + 'div.ecl.ecl-u-mb-m': 1 + 'ol.ecl-timeline': 1 + 'li.ecl-timeline__item': 7 + '.ecl-timeline__item.ecl-timeline__item--toggle': 1 + '.ecl-timeline__item.ecl-timeline__item--collapsed': 4 + '.ecl-timeline__item:nth-child(3) .ecl-timeline__title': 0 + '.ecl-timeline__item:nth-child(4) .ecl-timeline__title': 0 + '.ecl-timeline__item:nth-child(5) .ecl-timeline__title': 0 + equals: + 'h2.ecl-u-type-heading-2': "Timeline heading" + 'div.ecl.ecl-u-mb-m': "Timeline introduction" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__title': "Item 1" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__label': "13 September 2017" + '.ecl-timeline__item:nth-child(2) .ecl-timeline__title': "Item 2" + '.ecl-timeline__item:nth-child(2) .ecl-timeline__label': "28-29 September 2017" + '.ecl-timeline__item:nth-child(6) .ecl-timeline__title': "Item 6" + '.ecl-timeline__item:nth-child(6) .ecl-timeline__label': "6 February 2018" + '.ecl-timeline__item:nth-child(7) .ecl-timeline__toggle .ecl-button__label': "Show 4 more items" + '.ecl-timeline__item:nth-child(1) .ecl-timeline__content': 'Economic and Monetary Union package of proposals' + '.ecl-timeline__item:nth-child(2) .ecl-timeline__content': 'Lorem Ipsum 2' + '.ecl-timeline__item:nth-child(3) .ecl-timeline__content': 'Lorem Ipsum 3' + '.ecl-timeline__item:nth-child(4) .ecl-timeline__content': 'Lorem Ipsum 4' + '.ecl-timeline__item:nth-child(5) .ecl-timeline__content': 'Lorem Ipsum 5' + '.ecl-timeline__item:nth-child(6) .ecl-timeline__content': 'Lorem Ipsum 6' +- array: + '#type': pattern + '#id': text_featured_media + '#variant': "left_simple" + '#fields': + title: "Heading" + text_title: "Title" + image: + src: "http://via.placeholder.com/150x150" + caption: "Some caption text for the image" + text: "Some more text" + link: + label: "Call to action" + path: "http://example.com" + highlighted: false + assertions: + count: + 'article.ecl-featured-item.ecl-featured-item--highlight': 0 + 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 + 'div.ecl-featured-item__item': 2 + 'div.ecl-featured-item__title': 1 + '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 + 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 + 'iframe': 0 + 'figcaption.ecl-media-container__caption': 1 + 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 + 'div.ecl-expandable.ecl-media-container__expandable': 0 + equals: + 'h2.ecl-u-type-heading-2': "Heading" + 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" + 'figcaption.ecl-media-container__caption': "Some caption text for the image" + 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" + 'a.ecl-link span.ecl-link__label': "Call to action" + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' +- array: + '#type': pattern + '#id': text_featured_media + '#variant': "right_simple" + '#fields': + text_title: "Title" + image: + src: "http://via.placeholder.com/150x150" + caption: "Some caption text for the image" + text: "Some more text" + link: + label: "Call to action" + path: "https://european-union.europa.eu/index_en" + highlighted: true + expandable: + content: + '#markup': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " + assertions: + count: + 'article.ecl-featured-item.ecl-featured-item--highlight': 1 + 'h2.ecl-u-type-heading-2': 0 + 'div.ecl-featured-item__container': 1 + 'div.ecl-featured-item__title': 1 + '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 + 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 + 'iframe': 0 + 'figcaption.ecl-media-container__caption': 1 + 'a.ecl-link.ecl-link--standalone[href="https://european-union.europa.eu/index_en"]': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': 1 + 'div.ecl-expandable.ecl-media-container__expandable': 1 + 'button[data-ecl-label-expanded="Expanded"][data-ecl-label-collapsed="Collapsed"]': 1 + equals: + 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" + 'figcaption.ecl-media-container__caption': "Some caption text for the image" + 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" + 'a.ecl-link span.ecl-link__label': "Call to action" + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--primary.ecl-link__icon': '' + 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' + 'div.ecl-expandable__content': "

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis;A mene tu?

      " +- array: + '#type': pattern + '#id': text_featured_media + '#variant': "right_simple" + '#fields': + title: "Heading" + image: + src: "http://via.placeholder.com/150x150" + caption: "Some caption text for the image" + text: "Some more text" + link: + label: "Call to action" + path: "http://example.com" + highlighted: true + expandable: + hidden: false + label_expanded: "Expand" + label_collapsed: "Collapse" + content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." + assertions: + count: + 'article.ecl-featured-item.ecl-featured-item--highlight': 1 + 'h2.ecl-u-type-heading-2': 1 + 'div.ecl-featured-item__container': 1 + 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 0 + '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 + 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 + 'iframe': 0 + 'figcaption.ecl-media-container__caption': 1 + 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 + 'div.ecl-expandable.ecl-media-container__expandable': 1 + 'button[data-ecl-label-expanded="Expand"][data-ecl-label-collapsed="Collapse"]': 1 + equals: + 'h2.ecl-u-type-heading-2': "Heading" + 'figcaption.ecl-media-container__caption': "Some caption text for the image" + 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" + 'a.ecl-link span.ecl-link__label': "Call to action" + 'span.ecl-button__container svg.ecl-icon.ecl-icon--fluid.ecl-icon--rotate-180.ecl-button__icon': '' + 'div.ecl-expandable__content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." +- array: + '#type': pattern + '#id': text_featured_media + '#fields': + title: "Heading" + text_title: "Title" + caption: "Some caption text for the image" + text: "Some more text" + expandable: + id: 'text-featured-media-1' + hidden: true + content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." + assertions: + count: + 'article.ecl-featured-item.ecl-featured-item--highlight': 0 + 'div.ecl-featured-item__container': 1 + 'div.ecl-col-md-6': 0 + 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 + '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 + 'div.ecl-featured-item__item.ecl': 0 + 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 + 'iframe': 0 + 'figcaption.ecl-media-container__caption': 0 + 'a.ecl-link': 0 + 'div.ecl-expandable.ecl-media-container__expandable': 0 + 'div#text-featured-media-1.text-featured-media-hidden-content': 1 + equals: + 'h2.ecl-u-type-heading-2': "Heading" + 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" + 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" + 'div#text-featured-media-1.text-featured-media-hidden-content': "Lorem ipsum dolor sit amet, consectetur adipiscing elit." +- array: + '#type': pattern + '#id': text_featured_media + '#variant': "right_featured" + '#fields': + title: "Heading" + text_title: "Title" + image: + src: "http://via.placeholder.com/150x150" + text: "Some more text" + link: + label: "Call to action" + path: "http://example.com" + assertions: + count: + 'article.ecl-featured-item.ecl-featured-item--highlight': 0 + 'div.ecl-featured-item__container': 1 + 'div.ecl-featured-item__title span.ecl-featured-item__title-content': 1 + '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 + 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 1 + 'iframe': 0 + 'figcaption.ecl-media-container__caption': 0 + 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 + 'div.ecl-expandable.ecl-media-container__expandable': 0 + equals: + 'h2.ecl-u-type-heading-2': "Heading" + 'div.ecl-featured-item__title span.ecl-featured-item__title-content': "Title" + 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" + 'a.ecl-link span.ecl-link__label': "Call to action" +- array: + '#type': pattern + '#id': text_featured_media + '#fields': + title: "Heading" + caption: "Some caption" + assertions: + count: + 'article.ecl-featured-item.ecl-featured-item--highlight': 0 + 'article.ecl-featured-item': 1 + 'div.ecl-featured-item__container': 1 + '.ecl-featured-item__media_container figure.ecl-media-container__figure': 0 + 'div.ecl-col-md-6.ecl-u-mb-m.ecl-u-mb-md-none': 0 + 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 + 'iframe': 0 + 'figcaption.ecl-media-container__caption': 0 + 'h2.ecl-u-type-heading-2': 1 + 'a.ecl-link': 0 + 'div.ecl-expandable.ecl-media-container__expandable': 0 + equals: + 'h2.ecl-u-type-heading-2': "Heading" +- array: + '#type': pattern + '#id': text_featured_media + '#variant': "left_featured" + '#fields': + title: "Heading" + video: + '#type': 'html_tag' + '#tag': 'iframe' + '#attributes': + id: 'videoplayerI-181645' + src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' + text: "Some more text" + link: + label: "Call to action" + path: "http://example.com" + assertions: + count: + 'article.ecl-featured-item.ecl-featured-item--highlight': 0 + 'div.ecl-featured-item__container.ecl-featured-item__container--right': 1 + '.ecl-featured-item__media_container figure.ecl-media-container__figure': 1 + 'img.ecl-media-container__media[src="http://via.placeholder.com/150x150"]': 0 + 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 + 'figcaption.ecl-media-container__caption': 0 + 'a.ecl-link.ecl-link--cta[href="http://example.com"]': 1 + equals: + 'h2.ecl-u-type-heading-2': "Heading" + 'div.ecl-featured-item__item div.ecl-featured-item__description': "Some more text" + 'a.ecl-link span.ecl-link__label': "Call to action" +- array: + '#type': pattern + '#id': text_featured_media + '#fields': + video: + '#type': 'html_tag' + '#tag': 'iframe' + '#attributes': + id: 'videoplayerI-181645' + src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' + video_ratio: "invalid" + assertions: + count: + 'iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 + 'div.ecl-expandable.ecl-media-container__expandable': 0 +- array: + '#type': pattern + '#id': text_featured_media + '#fields': + video: + '#type': 'html_tag' + '#tag': 'iframe' + '#attributes': + id: 'videoplayerI-181645' + src: '//ec.europa.eu/avservices/play.cfm?ref=I-181645' + video_ratio: "1:1" + link: + label: "Call to action" + path: "http://example.com" + assertions: + count: + 'div.ecl-media-container__media--ratio-1-1 iframe[src="//ec.europa.eu/avservices/play.cfm?ref=I-181645"]': 1 + 'a.ecl-link.ecl-link--standalone[href="http://example.com"]': 1 + 'div.ecl-expandable.ecl-media-container__expandable': 0 +- array: + '#type': pattern + '#id': icons_with_text + '#fields': + items: + - + icon: "file" + text: "Culture | Innovation" + - + icon: "calendar" + size: "s" + text: "15-16 November 2019, 08:00 AM" + - + icon: "location" + text: "Brussels, Belgium" + - + icon: "livestreaming" + size: "xs" + text: "Live streaming available" + assertions: + count: + 'ul.ecl-unordered-list--no-bullet': 1 + 'ul li.ecl-unordered-list__item': 4 + 'ul li.ecl-unordered-list__item svg': 4 + equals: + 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' + 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' + 'ul li.ecl-unordered-list__item:nth-child(3)': 'Brussels, Belgium' + 'ul li.ecl-unordered-list__item:nth-child(4)': 'Live streaming available' +- array: + '#type': pattern + '#id': icons_with_text + assertions: + count: + 'ul.ecl-unordered-list--no-bullet': 0 +- array: + '#type': pattern + '#id': icons_with_text + '#fields': + items: + - + icon: "file" + text: "Culture | Innovation" + - + text: "15-16 November 2019, 08:00 AM" + - + icon: "location" + - + icon: "livestreaming" + text: "Live streaming available" + assertions: + count: + 'ul.ecl-unordered-list--no-bullet': 1 + 'ul li.ecl-unordered-list__item': 3 + 'ul li.ecl-unordered-list__item svg': 3 + equals: + 'ul li.ecl-unordered-list__item:nth-child(1)': 'Culture | Innovation' + 'ul li.ecl-unordered-list__item:nth-child(2)': '15-16 November 2019, 08:00 AM' + 'ul li.ecl-unordered-list__item:nth-child(3)': 'Live streaming available' +- array: + '#type': "pattern" + '#id': "tag" + '#variant': "default" + '#fields': + tag_type: "link" + url: "http://example.com" + label: "Tag label" + assertions: + equals: + 'a.ecl-tag': "Tag label" + count: + 'a.ecl-tag[href="http://example.com"]': 1 +- array: + '#type': "pattern" + '#id': "tag" + '#variant': "default" + '#fields': + tag_type: "removable" + url: "http://example.com" + label: "Tag label" + assertions: + contains: + '.ecl-tag': "Tag label" + count: + '.ecl-tag--removable': 1 +- array: + '#type': "pattern" + '#id': "navigation_menu" + '#variant': "vertical" + '#fields': + label: "Menu" + site_name: "Site name" + items: + - href: "#" + label: 'Parent 1' + children: + - href: '#' + label: 'Child 1.1' + is_current: true + external: true + - href: '#' + label: 'Child 1.2' + - href: '#' + label: 'Child 1.3' + external: true + - href: '#' + label: 'Child 1.4' + - href: "#" + label: "Parent 2" + children: + - href: '#' + label: 'Child 2.1' + - href: '#' + label: 'Child 2.2' + - href: '#' + label: 'Child 2.3' + external: true + - href: "#" + label: "Link" + assertions: + count: + "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"2\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 + "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 + "li.ecl-menu__item:nth-child(2) button[aria-label=\"Access item's children\"]": 1 + "div.ecl-container.ecl-menu__container section.ecl-menu__inner[data-ecl-menu-inner]": 1 + "a.ecl-link--standalone.ecl-button.ecl-button--tertiary.ecl-menu__open.ecl-link--icon-only": 1 + equals: + 'a.ecl-menu__open.ecl-link--icon-only span.ecl-link__label': 'Menu' + '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" + '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" + 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(1) a.ecl-menu__link': "Parent 1" + 'li.ecl-menu__item.ecl-menu__item--has-children:nth-child(2) a.ecl-menu__link': "Parent 2" + 'li.ecl-menu__item:not(ecl-menu__item--has-children):nth-child(3) a.ecl-menu__link': "Link" + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.1' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 1.3' + 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink.ecl-link--icon .ecl-link__label': 'Child 2.3' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem--current a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' + 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 2.1' + 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 2.2' + 'li.ecl-menu__item:nth-child(2) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' + 'li.ecl-menu__item:nth-child(3) a.ecl-menu__link': "Link" +- array: + '#type': "pattern" + '#id': "navigation_menu" + '#variant': "vertical" + '#fields': + label: "Custom Menu" + max_lines: 3 + items: + - href: "#" + label: 'Parent 1' + children: + - href: '#' + label: 'Child 1.1' + - href: '#' + label: 'Child 1.2' + - href: '#' + label: 'Child 1.3' + - href: '#' + label: 'Child 1.4' + - href: '#' + label: 'Child 1.5' + - href: '#' + label: 'Child 1.6' + - href: '#' + label: 'Child 1.7' + - href: '#' + label: 'Child 1.8' + assertions: + count: + "nav.ecl-menu[data-ecl-menu][data-ecl-menu-max-lines=\"3\"][data-ecl-auto-init=\"Menu\"][aria-expanded=\"false\"][role=\"navigation\"][aria-label=\"Site navigation\"]": 1 + "li.ecl-menu__item:nth-child(1) button[aria-label=\"Access item's children\"]": 1 + equals: + '.ecl-menu__open .ecl-link__label': "Custom Menu" + '.ecl-menu__inner-header button.ecl-menu__close[data-ecl-menu-close] span.ecl-button__label': "Close" + '.ecl-menu__inner-header button.ecl-menu__back[data-ecl-menu-back] .ecl-button__label': "Back" + 'li.ecl-menu__item:nth-child(1) a.ecl-menu__link': "Parent 1" + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(1) a.ecl-menu__sublink': 'Child 1.1' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(2) a.ecl-menu__sublink': 'Child 1.2' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(3) a.ecl-menu__sublink': 'Child 1.3' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(4) a.ecl-menu__sublink': 'Child 1.4' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(5) a.ecl-menu__sublink': 'Child 1.5' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(6) a.ecl-menu__sublink': 'Child 1.6' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(7) a.ecl-menu__sublink': 'Child 1.7' + 'li.ecl-menu__item:nth-child(1) ul.ecl-menu__sublist li.ecl-menu__subitem:nth-child(8) a.ecl-menu__sublink': 'Child 1.8' +- array: + '#type': 'pattern' + '#id': 'link' + '#fields': + url: '/' + text: 'Link text' + assertions: + equals: + 'a.ecl-link.ecl-link--standalone': 'Link text' + count: + 'a.ecl-link[href="/"]': 1 +- array: + '#type': 'pattern' + '#id': 'link' + '#fields': + url: '/' + text: 'Link text' + variant: 'standalone' + assertions: + equals: + 'a.ecl-link.ecl-link--standalone': 'Link text' +- array: + '#type': 'pattern' + '#id': 'link' + '#fields': + url: '/' + text: 'Link text' + variant: 'cta' + assertions: + equals: + 'a.ecl-link.ecl-link--cta': 'Link text' +- array: + '#type': 'pattern' + '#id': 'facts_figures' + '#fields': + items: + - icon: 'instagram' + value: '00.0 million' + title: 'Lorem ipsum' + description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' + - icon: 'external' + value: '10.0 millions' + title: 'Nam lacinia nisl eget diam mattis' + description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' + view_all: + label: 'View all metrics' + path: 'https://example.com' + external_link: true + assertions: + count: + 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 + 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 + 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': 1 + 'div.ecl-fact-figures__view-all': 1 + equals: + 'div.ecl-fact-figures__item:nth-child(1) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' + 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__value': '00.0 million' + 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__title': 'Lorem ipsum' + 'div.ecl-fact-figures__item:nth-child(1) div.ecl-fact-figures__description': 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' + 'div.ecl-fact-figures__item:nth-child(2) svg.ecl-icon.ecl-icon--l.ecl-fact-figures__icon': '' + 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__value': '10.0 millions' + 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__title': 'Nam lacinia nisl eget diam mattis' + 'div.ecl-fact-figures__item:nth-child(2) div.ecl-fact-figures__description': 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' + 'div.ecl-fact-figures__view-all a.ecl-link.ecl-link--standalone.ecl-link--icon.ecl-fact-figures__view-all-link[href="https://example.com"] span.ecl-link__label': 'View all metrics' + 'svg.ecl-icon.ecl-icon--2xs.ecl-link__icon': '' +- array: + '#type': 'pattern' + '#id': 'facts_figures' + '#fields': + items: + - icon: 'instagram' + value: '00.0 million' + title: 'Lorem ipsum' + description: 'Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi quis odio faucibus, commodo tortor id, elementum libero.' + - icon: 'external' + value: '10.0 millions' + title: 'Nam lacinia nisl eget diam mattis' + description: 'Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac consectetur.' + assertions: + count: + 'div.ecl-fact-figures.ecl-fact-figures--col-3 div.ecl-fact-figures__items': 1 + 'div.ecl-fact-figures__view-all': 0 +- array: + '#type': 'pattern' + '#id': 'active_search_filters' + '#fields': + name: 'Source' + items: + - label: 'DG Trad' + url: 'http://dg-trad.com' + - label: 'Health, well-being & Consumer protection' + url: 'http://health.com' + - label: 'No link' + url: '' + assertions: + count: + 'div.active-search-filters.ecl-u-d-m-flex': 1 + 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 1 + 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 1 + 'span.ecl-tag__icon': 2 + 'svg.ecl-icon.ecl-icon--xs.ecl-tag__icon-close-filled': 2 + contains: + 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://dg-trad.com"]': 'DG Trad' + 'a.ecl-u-mr-xs.ecl-u-mb-s.ecl-tag.ecl-tag--removable[href="http://health.com"]': 'Health, well-being & Consumer protection' + 'div.ecl-u-mr-xs.ecl-u-mt-s.ecl-tag.ecl-tag--removable': 'No link' + equals: + 'div.active-search-filters__name span': 'Source' +- array: + '#type': 'pattern' + '#id': 'list_with_illustration' + '#fields': + square_image: false + zebra: true + column: 1 + items: + - title: "Business, Economy, Euro" + description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + image: + src: "https://placeimg.com/1000/500/arch" + alt: "Alternative text for featured item image 1" + - title: "About the European Union" + description: "The EU and its institutions, how to visit and work at the EU." + image: + src: "https://placeimg.com/500/500/arch" + alt: "Alternative text for featured item image 2" + assertions: + count: + div.ecl-list-illustration: 1 + div.ecl-list-illustration.ecl-list-illustration--centered: 0 + div.ecl-list-illustration.ecl-list-illustration--zebra: 1 + div.ecl-list-illustration__item: 2 + div.ecl-list-illustration__value: 0 + img.ecl-list-illustration__image: 2 + img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 + img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--m: 0 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 + contains: + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +- array: + '#type': 'pattern' + '#id': 'list_with_illustration' + '#fields': + square_image: true + zebra: true + column: 1 + centered: true + items: + - title: "Business, Economy, Euro" + description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + image: + src: "https://placeimg.com/1000/500/arch" + alt: "Alternative text for featured item image 1" + media_size: 'l' + - title: "About the European Union" + description: "The EU and its institutions, how to visit and work at the EU." + image: + src: "https://placeimg.com/500/500/arch" + alt: "Alternative text for featured item image 2" + value: 'Highlighted image' + media_size: 'l' + assertions: + count: + div.ecl-list-illustration: 1 + div.ecl-list-illustration.ecl-list-illustration--zebra: 1 + div.ecl-list-illustration__item: 2 + img.ecl-list-illustration__image: 2 + div.ecl-list-illustration__value: 1 + img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--l: 2 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 + 'div.ecl-list-illustration__item svg.ecl-icon': 0 + contains: + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__value': 'Highlighted image' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +- array: + '#type': 'pattern' + '#id': 'list_with_illustration' + '#fields': + square_image: false + zebra: false + column: 1 + items: + - title: "Business, Economy, Euro" + description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + icon: "growth" + - title: "About the European Union" + description: "The EU and its institutions, how to visit and work at the EU." + icon: "budget" + assertions: + count: + div.ecl-list-illustration: 1 + div.ecl-list-illustration.ecl-list-illustration--centered: 0 + div.ecl-list-illustration.ecl-list-illustration--zebra: 0 + div.ecl-list-illustration__item: 2 + img.ecl-list-illustration__image: 0 + contains: + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' + equals: + 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' + 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' +- array: + '#type': 'pattern' + '#id': 'list_with_illustration' + '#fields': + square_image: false + zebra: true + column: 2 + items: + - title: "Business, Economy, Euro" + description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + image: + src: "https://placeimg.com/1000/500/arch" + alt: "Alternative text for featured item image 1" + - title: "About the European Union" + description: "The EU and its institutions, how to visit and work at the EU." + image: + src: "https://placeimg.com/500/500/arch" + alt: "Alternative text for featured item image 2" + assertions: + count: + div.ecl-list-illustration: 1 + div.ecl-list-illustration.ecl-list-illustration--centered: 0 + div.ecl-list-illustration.ecl-list-illustration--zebra: 0 + div.ecl-list-illustration.ecl-list-illustration--col-2: 1 + div.ecl-list-illustration__item: 2 + img.ecl-list-illustration__image: 2 + img.ecl-list-illustration__image.ecl-list-illustration__image--square: 0 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 + contains: + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +- array: + '#type': 'pattern' + '#id': 'list_with_illustration' + '#fields': + square_image: true + column: 3 + centered: true + items: + - title: "Business, Economy, Euro" + description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + image: + src: "https://placeimg.com/1000/500/arch" + alt: "Alternative text for featured item image 1" + media_size: 's' + - title: "About the European Union" + description: "The EU and its institutions, how to visit and work at the EU." + image: + src: "https://placeimg.com/500/500/arch" + alt: "Alternative text for featured item image 2" + media_size: 's' + assertions: + count: + div.ecl-list-illustration: 1 + div.ecl-list-illustration.ecl-list-illustration--centered: 1 + div.ecl-list-illustration.ecl-list-illustration--col-3: 1 + div.ecl-list-illustration__item: 2 + img.ecl-list-illustration__image: 2 + img.ecl-list-illustration__image.ecl-list-illustration__image--square: 2 + img.ecl-list-illustration__image.ecl-list-illustration__image--square.ecl-list-illustration__image--s: 2 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 1"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/1000/500/arch"]: 1 + img.ecl-list-illustration__image[alt="Alternative text for featured item image 2"]: 1 + img.ecl-list-illustration__image[src="https://placeimg.com/500/500/arch"]: 1 + contains: + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' +- array: + '#type': 'pattern' + '#id': 'list_with_illustration' + '#fields': + square_image: false + column: 2 + items: + - title: "Business, Economy, Euro" + description: "EU economy, the euro, and practical information for EU businesses and entrepreneurs." + icon: "growth" + - title: "About the European Union" + description: "The EU and its institutions, how to visit and work at the EU." + icon: "budget" + assertions: + count: + div.ecl-list-illustration: 1 + div.ecl-list-illustration.ecl-list-illustration--col-2: 1 + div.ecl-list-illustration__item: 2 + img.ecl-list-illustration__image: 0 + contains: + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__title': 'Business, Economy, Euro' + 'div.ecl-list-illustration__item:nth-child(1) div.ecl-list-illustration__description': 'EU economy, the euro, and practical information for EU businesses and entrepreneurs.' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__title': 'About the European Union' + 'div.ecl-list-illustration__item:nth-child(2) div.ecl-list-illustration__description': 'The EU and its institutions, how to visit and work at the EU.' + equals: + 'div.ecl-list-illustration__item:nth-child(1) svg.ecl-icon': '' + 'div.ecl-list-illustration__item:nth-child(2) svg.ecl-icon': '' +- array: + '#type': 'pattern' + '#id': 'news_ticker' + '#fields': + identifier: "news-ticker-example" + items: + - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" + link: "http://example.com" + external_link: TRUE + - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" + - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" + link: "http://example.com" + - content: "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" + - content: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" + link: "http://example.com" + external_link: TRUE + - content: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" + link: "http://example.com" + assertions: + count: + div.ecl-news-ticker: 1 + div.ecl-news-ticker__container: 1 + div.ecl-news-ticker__content: 1 + ul#news-ticker-example-content.ecl-news-ticker__slides: 1 + li.ecl-news-ticker__slide: 6 + a.ecl-link.ecl-news-ticker__slide-text: 4 + div.ecl-news-ticker__counter: 1 + div.ecl-news-ticker__controls: 1 + contains: + li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" + li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" + li.ecl-news-ticker__slide:nth-child(3) a.ecl-linkecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" + li.ecl-news-ticker__slide:nth-child(4): "Excepteur sint occaecat cupidatat officia deserunt mollit anim id est laborum" + li.ecl-news-ticker__slide:nth-child(5) a.ecl-link.ecl-news-ticker__slide-text span.ecl-link__label: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium" + li.ecl-news-ticker__slide:nth-child(6) a.ecl-link.ecl-news-ticker__slide-text: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores" + equals: + li.ecl-news-ticker__slide:nth-child(1) a svg.ecl-link__icon: '' + li.ecl-news-ticker__slide:nth-child(5) a svg.ecl-link__icon: '' + svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' + div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: '1' + div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '6' + button.ecl-news-ticker__prev span.ecl-button__label: 'Previous news item' + button.ecl-news-ticker__next span.ecl-button__label: 'Next news item' + button.ecl-news-ticker__pause span.ecl-button__label: 'Pause news ticker' + button.ecl-news-ticker__play span.ecl-button__label: 'Play news ticker' +- array: + '#type': 'pattern' + '#id': 'news_ticker' + '#fields': + items: + - content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" + link: "http://example.com" + - content: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" + - content: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" + link: "http://example.com" + counter_label: "in" + assertions: + count: + div.ecl-news-ticker: 1 + div.ecl-news-ticker__container: 1 + div.ecl-news-ticker__content: 1 + ul.ecl-news-ticker__slides: 1 + li.ecl-news-ticker__slide: 3 + a.ecl-link.ecl-news-ticker__slide-text: 2 + div.ecl-news-ticker__counter span.ecl-news-ticker__counter--current: 1 + div.ecl-news-ticker__controls: 1 + contains: + li.ecl-news-ticker__slide:nth-child(1) a.ecl-link.ecl-news-ticker__slide-text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" + li.ecl-news-ticker__slide:nth-child(2): "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat" + li.ecl-news-ticker__slide:nth-child(3) a.ecl-link.ecl-news-ticker__slide-text: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur" + div.ecl-news-ticker__counter: '1 in' + equals: + svg.ecl-icon.ecl-icon--m.ecl-news-ticker__icon: '' + div.ecl-news-ticker__counter span.ecl-news-ticker__counter--max: '3' +- array: + '#type': 'pattern' + '#id': 'carousel' + '#fields': + items: + - title: "Lorem ipsum dolor sit amet" + description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" + url: "https://example.com" + url_text: "CTA 1" + image: "https://picsum.photos/seed/picsum/600/300" + variant: "text-box" + centered: false + credit: "© Copyright first item" + - title: "Duis vitae pulvinar turpis" + description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" + url: "https://example.com" + url_text: "CTA 2" + image: "https://picsum.photos/seed/picsum/600/300" + variant: "text-overlay" + - title: "Donec maximus pharetra ex a ultricies" + description: "Integer quis lorem tellus." + url: "https://example.com" + url_text: "CTA 3" + - title: "Donec maximus pharetra" + centered: false + - title: "Lorem ipsum dolor sit amet" + description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" + image: "https://picsum.photos/seed/picsum/600/300" + variant: "text-box" + centered: true + - title: "Duis vitae pulvinar turpis" + url: "https://example.com" + url_text: "CTA 4" + image: "https://picsum.photos/seed/picsum/600/300" + variant: "text-overlay" + centered: false + assertions: + count: + section.ecl-carousel.ecl-carousel--full-width: 0 + section.ecl-carousel: 1 + div.ecl-carousel__container: 1 + div.ecl-carousel__slides: 1 + div.ecl-carousel__slide: 6 + div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-box: 2 + div.ecl-carousel__slide section.ecl-banner.ecl-banner.ecl-banner--text-box.ecl-banner--centered: 1 + div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay: 2 + div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered: 1 + div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background: 2 + div.ecl-carousel__slide section.ecl-banner.ecl-banner--plain-background.ecl-banner--centered: 1 + div.ecl-carousel__controls: 1 + section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 + section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 + section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 + section.ecl-banner--text-overlay.ecl-banner--m.ecl-banner--centered picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 + div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__title: 2 + div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content p.ecl-banner__description: 1 + div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m div.ecl-banner__content div.ecl-banner__cta: 1 + equals: + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 1' + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m:not(.ecl-banner--centered) footer.ecl-banner__credit small: '© Copyright first item' + div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' + div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' + div.ecl-carousel__slide section.ecl-banner.ecl-banner--text-overlay.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 2' + div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra ex a ultricies' + div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered p.ecl-banner__description .ecl-banner__description-text: 'Integer quis lorem tellus.' + div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m.ecl-banner--centered div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 3' + div.ecl-carousel__slide section.ecl-banner--plain-background.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__title .ecl-banner__title-text: 'Donec maximus pharetra' + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Lorem ipsum dolor sit amet' + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--m.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description .ecl-banner__description-text: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' + div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__title .ecl-banner__title-text: 'Duis vitae pulvinar turpis' + div.ecl-carousel__slide section.ecl-banner--text-overlay.ecl-banner--m:not(.ecl-banner--centered) div.ecl-banner__content div.ecl-banner__cta a[href="https://example.com"] span.ecl-link__label: 'CTA 4' + button.ecl-carousel__navigation-item:nth-child(1): '1' + button.ecl-carousel__navigation-item:nth-child(2): '2' + button.ecl-carousel__navigation-item:nth-child(3): '3' + button.ecl-carousel__navigation-item:nth-child(4): '4' + button.ecl-carousel__navigation-item:nth-child(5): '5' + button.ecl-carousel__navigation-item:nth-child(6): '6' +- array: + '#type': 'pattern' + '#id': 'carousel' + '#fields': + items: + - title: "Donec maximus pharetra ex a ultricies" + description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies" + url: "https://example.com" + url_text: "CTA 1" + image: "https://picsum.photos/seed/picsum/600/300" + variant: "text-box" + - title: "Lorem ipsum dolor sit amet" + description: "Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" + url: "https://example.com" + url_text: "CTA 2" + variant: "plain-background" + centered: false + - title: "Duis vitae pulvinar turpis" + description: "Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur" + url: "https://example.com" + url_text: "CTA 3" + variant: "plain-background" + centered: false + counter_label: 'in' + full_width: true + size: 'l' + assertions: + count: + section.ecl-carousel.ecl-carousel--full-width: 1 + div.ecl-carousel__slide: 3 + div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--text-box.ecl-banner--centered: 1 + div.ecl-carousel__slide section.ecl-banner.ecl-banner--l.ecl-banner--plain-background: 2 + section.ecl-banner--text-box.ecl-banner--l picture.ecl-picture.ecl-banner__picture img.ecl-banner__image[src="https://picsum.photos/seed/picsum/600/300"]: 1 + contains: + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__title: 'Donec maximus pharetra ex a ultricies' + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur. Duis vitae pulvinar turpis. Donec maximus pharetra ex a ultricies' + div.ecl-carousel__slide section.ecl-banner--text-box.ecl-banner--l.ecl-banner--centered div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 1' + div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Lorem ipsum dolor sit amet' + div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' + div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(1).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 2' + div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__title: 'Duis vitae pulvinar turpis' + div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content p.ecl-banner__description: 'Integer quis lorem tellus. Nullam sollicitudin suscipit diam, ac blandit ipsum tempor consectetur' + div.ecl-carousel__slide section.ecl-banner--plain-background:nth-child(2).ecl-banner--l div.ecl-banner__content div.ecl-banner__cta a span.ecl-link__label: 'CTA 3' + div.ecl-carousel__pagination: 'in 3' From 0e8c156e53d397dcc73b319bc01208abd133b8e2 Mon Sep 17 00:00:00 2001 From: Imanol Eguskiza Date: Tue, 6 Feb 2024 11:10:33 +0100 Subject: [PATCH 09/11] EWPP-3844: Ignore the ecl-build folder in kernel tests. --- runner.yml.dist | 2 -- tests/src/Kernel/AbstractKernelTestBase.php | 2 +- tests/src/Kernel/fixtures/rendering.yml | 20 ++++++++++---------- 3 files changed, 11 insertions(+), 13 deletions(-) diff --git a/runner.yml.dist b/runner.yml.dist index ed1291705..95a9956d7 100644 --- a/runner.yml.dist +++ b/runner.yml.dist @@ -51,8 +51,6 @@ drupal: - "bower_components" - "vendor" - "${drupal.root}" - - "ecl-build" - - "components" file_private_path: 'sites/default/files/private' databases: sparql_default: diff --git a/tests/src/Kernel/AbstractKernelTestBase.php b/tests/src/Kernel/AbstractKernelTestBase.php index fce3b2322..2be003ddc 100644 --- a/tests/src/Kernel/AbstractKernelTestBase.php +++ b/tests/src/Kernel/AbstractKernelTestBase.php @@ -61,7 +61,7 @@ protected function setUp(): void { // node_modules/@ecl/twig-component-description-list/description-list.html.twig // instead of templates/field/description-list.html.twig $settings = Settings::getAll(); - $settings['file_scan_ignore_directories'] = ['node_modules']; + $settings['file_scan_ignore_directories'] = ['node_modules', 'ecl-build']; new Settings($settings); // Call the install hook of the User module which creates the Anonymous user diff --git a/tests/src/Kernel/fixtures/rendering.yml b/tests/src/Kernel/fixtures/rendering.yml index a4868b0e1..c7e3d77d3 100644 --- a/tests/src/Kernel/fixtures/rendering.yml +++ b/tests/src/Kernel/fixtures/rendering.yml @@ -58,7 +58,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' @@ -79,7 +79,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' @@ -101,7 +101,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 0 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' @@ -125,7 +125,7 @@ 'select.ecl-select': 1 'div.ecl-select__icon': 1 'select[data-ecl-select-multiple]': 1 - 'svg.ecl-icon.ecl-icon--s.ecl-icon--rotate-180.ecl-button__icon': 1 + 'svg.ecl-icon.ecl-icon--xs.ecl-icon--rotate-180.ecl-button__icon': 1 equals: 'div.ecl-form-group label.ecl-form-label': 'Select element' 'div.ecl-form-group div.ecl-select__container.ecl-select__container--m select.ecl-select option[value="1"]': 'One' @@ -1892,14 +1892,14 @@ url: 'http://example.com/3' assertions: count: - '.ecl-expandable-dropdown__content a[href="http://example.com/1"]': 1 - '.ecl-expandable-dropdown__content a[href="http://example.com/2"]': 1 - '.ecl-expandable-dropdown__content a[href="http://example.com/3"]': 1 + '.ecl-expandable__content a[href="http://example.com/1"]': 1 + '.ecl-expandable__content a[href="http://example.com/2"]': 1 + '.ecl-expandable__content a[href="http://example.com/3"]': 1 equals: 'button.ecl-expandable__toggle span.ecl-button__label': "Dropdown" - '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(1) a': "Link 1" - '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(2) a': "Link 2" - '.ecl-expandable-dropdown__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(3) a': "Link 3" + '.ecl-expandable__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(1) a': "Link 1" + '.ecl-expandable__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(2) a': "Link 2" + '.ecl-expandable__content .ecl-unordered-list .ecl-unordered-list__item:nth-child(3) a': "Link 3" - array: '#type': pattern '#id': field From e4ace35d27e626916917a886dc40b4afad8f0bfd Mon Sep 17 00:00:00 2001 From: Imanol Eguskiza Date: Tue, 13 Feb 2024 09:44:03 +0100 Subject: [PATCH 10/11] EWPP-3844: Add template parameter descriptions. --- templates/form/input--date.html.twig | 3 +++ templates/form/input--radio.html.twig | 3 +++ templates/form/input--search.html.twig | 6 +++--- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/templates/form/input--date.html.twig b/templates/form/input--date.html.twig index 4f7dcc7b9..b1329127a 100644 --- a/templates/form/input--date.html.twig +++ b/templates/form/input--date.html.twig @@ -6,8 +6,11 @@ * Available variables: * - attributes: A list of HTML attributes for the input element. * - children: Optional additional rendered elements. + * - element: Array that represents the element shown in the form. * - disabled: Optional (boolean): is disabled (optional, default: false). * - invalid: Optional (boolean): has error (optional, default: false). + * - classes: Optional (string): list of extra classes for the input. + * - extra_attributes: Optional (array): list of extra attributes to apply to the input. * * @see ./core/themes/stable/templates/form/input.html.twig */ diff --git a/templates/form/input--radio.html.twig b/templates/form/input--radio.html.twig index 2131632ed..d84afdc85 100644 --- a/templates/form/input--radio.html.twig +++ b/templates/form/input--radio.html.twig @@ -6,7 +6,10 @@ * Available variables: * - attributes: A list of HTML attributes for the input element. * - children: Optional additional rendered elements. + * - element: Array that represents the element shown in the form. * - disabled: Optional (boolean): is disabled (optional, default: false). + * - classes: Optional (string): list of extra classes for the input. + * - extra_attributes: Optional (array): list of extra attributes to apply to the input. * * @see ./core/themes/stable/templates/form/input.html.twig */ diff --git a/templates/form/input--search.html.twig b/templates/form/input--search.html.twig index a739f0daa..9db36c9d3 100644 --- a/templates/form/input--search.html.twig +++ b/templates/form/input--search.html.twig @@ -6,9 +6,9 @@ * Available variables: * - attributes: A list of HTML attributes for the input element. * - children: Optional additional rendered elements. - * - disabled: Optional (boolean): is disabled (optional, default: false). - * - invalid: Optional (boolean): has error (optional, default: false). - * - extra_attributes: Optional (boolean): additional attributes (optional, default: false). + * - element: Array that represents the element shown in the form. + * - input_array: Array that contains all attributes of the element shown in the form. + * - ecl_icon_path: Path to the ECL icon file. * * @see ./core/themes/stable/templates/form/input.html.twig */ From 9b00d2975f5553580248c76611733d66d97be849 Mon Sep 17 00:00:00 2001 From: Imanol Eguskiza Date: Tue, 13 Feb 2024 09:53:53 +0100 Subject: [PATCH 11/11] EWPP-3844: Fix strict types declaration for phpcs. --- modules/oe_theme_contact_forms/oe_theme_contact_forms.module | 2 +- .../oe_theme_content_call_proposals.module | 2 +- .../oe_theme_content_call_proposals.post_update.php | 2 +- .../Display/CallForProposalsLabelStatusExtraField.php | 2 +- .../Display/CallForProposalsPublicationInfoExtraField.php | 2 +- .../ExtraField/Display/CallForProposalsStatusExtraField.php | 2 +- .../Plugin/PageHeaderMetadata/CallForProposalsContentType.php | 2 +- .../oe_theme_content_call_tenders.module | 2 +- .../oe_theme_content_call_tenders.post_update.php | 2 +- .../ExtraField/Display/CallForTendersLabelStatusExtraField.php | 2 +- .../ExtraField/Display/CallForTendersStatusExtraField.php | 2 +- .../src/Plugin/PageHeaderMetadata/CallForTendersContentType.php | 2 +- .../oe_theme_content_consultation.module | 2 +- .../oe_theme_content_consultation.post_update.php | 2 +- .../ExtraField/Display/ConsultationClosedTextExtraField.php | 2 +- .../ExtraField/Display/ConsultationLabelStatusExtraField.php | 2 +- .../Plugin/ExtraField/Display/ConsultationStatusExtraField.php | 2 +- .../src/Plugin/PageHeaderMetadata/ConsultationContentType.php | 2 +- .../oe_theme_content_entity_contact.module | 2 +- .../oe_theme_content_entity_contact.post_update.php | 2 +- .../oe_theme_content_entity_organisation.module | 2 +- .../oe_theme_content_entity_organisation.post_update.php | 2 +- .../oe_theme_content_entity_venue.post_update.php | 2 +- modules/oe_theme_content_event/oe_theme_content_event.module | 2 +- .../oe_theme_content_event.post_update.php | 2 +- .../src/Plugin/ExtraField/Display/ContactsExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/DateAwareExtraFieldBase.php | 2 +- .../src/Plugin/ExtraField/Display/DescriptionExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/DetailsExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/EventExtraFieldBase.php | 2 +- .../Plugin/ExtraField/Display/InfoDisclosureExtraFieldBase.php | 2 +- .../src/Plugin/ExtraField/Display/LivestreamExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/LocationExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/MediaExtraField.php | 2 +- .../Plugin/ExtraField/Display/OnlineDescriptionExtraField.php | 2 +- .../Plugin/ExtraField/Display/OnlineDisplayExtraFieldBase.php | 2 +- .../src/Plugin/ExtraField/Display/OrganiserExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/ProgrammeExtraField.php | 2 +- .../Plugin/ExtraField/Display/RegistrationButtonExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/StatusMessage.php | 2 +- .../src/Plugin/ExtraField/Display/SummaryExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/TeaserDetailsExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/TeaserMetaExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/TimeStatusExtraField.php | 2 +- .../src/Plugin/PageHeaderMetadata/EventContentType.php | 2 +- .../src/FunctionalJavascript/InfoDisclosureExtraFieldTest.php | 2 +- modules/oe_theme_content_news/oe_theme_content_news.module | 2 +- .../oe_theme_content_news/oe_theme_content_news.post_update.php | 2 +- .../src/Plugin/ExtraField/Display/PublicationDate.php | 2 +- .../src/Plugin/PageHeaderMetadata/NewsContentType.php | 2 +- .../oe_theme_content_organisation.module | 2 +- .../oe_theme_content_organisation.post_update.php | 2 +- .../src/Plugin/ExtraField/Display/TeaserDetailsExtraField.php | 2 +- .../src/Plugin/PageHeaderMetadata/OrganisationContentType.php | 2 +- .../oe_theme_content_organisation_reference.module | 2 +- .../oe_theme_content_page/oe_theme_content_page.post_update.php | 2 +- .../src/Plugin/PageHeaderMetadata/PageContentType.php | 2 +- modules/oe_theme_content_person/oe_theme_content_person.module | 2 +- .../oe_theme_content_person.post_update.php | 2 +- .../src/Plugin/ExtraField/Display/PersonJobLabelExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/PersonJobListExtraField.php | 2 +- .../src/Plugin/PageHeaderMetadata/PersonContentType.php | 2 +- .../oe_theme_content_policy.post_update.php | 2 +- .../src/Plugin/PageHeaderMetadata/PolicyContentType.php | 2 +- .../oe_theme_content_project/oe_theme_content_project.module | 2 +- .../oe_theme_content_project.post_update.php | 2 +- .../src/Plugin/ExtraField/Display/OverallBudgetExtraField.php | 2 +- .../src/Plugin/ExtraField/Display/PercentageExtraField.php | 2 +- .../src/Plugin/PageHeaderMetadata/ProjectContentType.php | 2 +- .../oe_theme_content_publication.module | 2 +- .../oe_theme_content_publication.post_update.php | 2 +- .../src/Plugin/ExtraField/Display/PublicationCollection.php | 2 +- .../src/Plugin/ExtraField/Display/PublicationDate.php | 2 +- .../src/Plugin/ExtraField/Display/PublicationDescription.php | 2 +- .../src/Plugin/PageHeaderMetadata/PublicationContentType.php | 2 +- modules/oe_theme_demo/oe_theme_demo.install | 2 +- modules/oe_theme_helper/oe_theme_helper.install | 2 +- modules/oe_theme_helper/oe_theme_helper.module | 2 +- modules/oe_theme_helper/oe_theme_helper.post_update.php | 2 +- modules/oe_theme_helper/src/Annotation/MediaDataExtractor.php | 2 +- modules/oe_theme_helper/src/Annotation/PageHeaderMetadata.php | 2 +- .../oe_theme_helper/src/ContextProvider/PageHeaderContext.php | 2 +- modules/oe_theme_helper/src/EuropeanUnionLanguages.php | 2 +- modules/oe_theme_helper/src/Event/NodeMetadataEvent.php | 2 +- .../src/EventSubscriber/DefaultNodeMetadataEventSubscriber.php | 2 +- .../src/EventSubscriber/FlagOptionsEventSubscriber.php | 2 +- .../src/EventSubscriber/IconOptionsEventSubscriber.php | 2 +- modules/oe_theme_helper/src/ExternalLinks.php | 2 +- modules/oe_theme_helper/src/ExternalLinksInterface.php | 2 +- modules/oe_theme_helper/src/Loader/ComponentLibraryLoader.php | 2 +- modules/oe_theme_helper/src/MediaDataExtractorInterface.php | 2 +- modules/oe_theme_helper/src/MediaDataExtractorPluginBase.php | 2 +- modules/oe_theme_helper/src/MediaDataExtractorPluginManager.php | 2 +- .../src/MediaDataExtractorPluginManagerInterface.php | 2 +- modules/oe_theme_helper/src/PageHeaderMetadataEvents.php | 2 +- modules/oe_theme_helper/src/PageHeaderMetadataPluginBase.php | 2 +- .../oe_theme_helper/src/PageHeaderMetadataPluginInterface.php | 2 +- modules/oe_theme_helper/src/PageHeaderMetadataPluginManager.php | 2 +- .../oe_theme_helper/src/Plugin/Block/InpageNavigationBlock.php | 2 +- modules/oe_theme_helper/src/Plugin/Block/PageHeaderBlock.php | 2 +- .../oe_theme_helper/src/Plugin/Block/SiteNavigationBlock.php | 2 +- .../src/Plugin/CKEditorPlugin/EclTablePluginBase.php | 2 +- .../oe_theme_helper/src/Plugin/CKEditorPlugin/TableSimple.php | 2 +- modules/oe_theme_helper/src/Plugin/CKEditorPlugin/TableSort.php | 2 +- .../src/Plugin/CKEditorPlugin/TableZebraStriping.php | 2 +- .../src/Plugin/Condition/CurrentComponentLibraryCondition.php | 2 +- .../src/Plugin/Condition/CurrentEclBrandingCondition.php | 2 +- .../Plugin/ExtraField/Display/PublicationDateExtraFieldBase.php | 2 +- .../ExtraField/Display/ShortTitleWithFallbackExtraField.php | 2 +- .../Field/FieldFormatter/AddressInlineCountryFormatter.php | 2 +- .../src/Plugin/Field/FieldFormatter/AddressInlineFormatter.php | 2 +- .../src/Plugin/Field/FieldFormatter/FeaturedMediaFormatter.php | 2 +- .../Field/FieldFormatter/FeaturedMediaThumbnailUrlFormatter.php | 2 +- .../src/Plugin/Field/FieldFormatter/MediaGalleryFormatter.php | 2 +- .../Plugin/Field/FieldFormatter/MediaThumbnailUrlFormatter.php | 2 +- .../Field/FieldFormatter/SocialMediaBaseLinkFormatter.php | 2 +- .../Field/FieldFormatter/SocialMediaIconsListFormatter.php | 2 +- .../Plugin/Field/FieldFormatter/SocialMediaLinksFormatter.php | 2 +- modules/oe_theme_helper/src/Plugin/Filter/FilterEclTable.php | 2 +- .../src/Plugin/ImageEffect/RetinaScaleImageEffect.php | 2 +- .../oe_theme_helper/src/Plugin/MediaDataExtractor/Iframe.php | 2 +- .../oe_theme_helper/src/Plugin/MediaDataExtractor/Thumbnail.php | 2 +- .../src/Plugin/PageHeaderMetadata/DefaultMetadata.php | 2 +- .../src/Plugin/PageHeaderMetadata/NodeViewRoutesBase.php | 2 +- .../Plugin/field_group/FieldGroupFormatter/FieldListPattern.php | 2 +- .../Plugin/field_group/FieldGroupFormatter/InPageNavigation.php | 2 +- .../field_group/FieldGroupFormatter/InPageNavigationBase.php | 2 +- .../field_group/FieldGroupFormatter/InPageNavigationItem.php | 2 +- .../field_group/FieldGroupFormatter/PatternFormatterBase.php | 2 +- modules/oe_theme_helper/src/Routing/RouteSubscriber.php | 2 +- modules/oe_theme_helper/src/Traits/EntityLabelUtilityTrait.php | 2 +- modules/oe_theme_helper/src/TwigExtension/TwigExtension.php | 2 +- .../oe_theme_inpage_navigation_test.module | 2 +- .../src/Controller/InpageNavigationTestController.php | 2 +- .../src/Plugin/PageHeaderMetadata/MetadataTestPlugin.php | 2 +- .../src/Plugin/PageHeaderMetadata/NodeViewRoutesTestPlugin.php | 2 +- .../tests/src/Functional/NodeViewRoutesMetadataTest.php | 2 +- .../tests/src/Functional/PageHeaderBlockTest.php | 2 +- .../src/Functional/Plugin/field_group/InPageNavigationTest.php | 2 +- .../src/Functional/Plugin/field_group/PatternFormatterTest.php | 2 +- .../tests/src/FunctionalJavascript/Ckeditor5TableTest.php | 2 +- .../src/FunctionalJavascript/InPageNavigationBlockTest.php | 2 +- .../src/FunctionalJavascript/InPageNavigationLibraryTest.php | 2 +- .../src/FunctionalJavascript/InPageNavigationParagraphTest.php | 2 +- .../tests/src/FunctionalJavascript/WysiwygTableTest.php | 2 +- .../tests/src/Kernel/Ckeditor5TableConditionsTest.php | 2 +- modules/oe_theme_helper/tests/src/Kernel/ExternalLinksTest.php | 2 +- .../tests/src/Kernel/InPageNavigationBlockTest.php | 2 +- .../Field/FieldFormatter/AddressCountryInlineFormatterTest.php | 2 +- .../Plugin/Field/FieldFormatter/AddressInlineFormatterTest.php | 2 +- .../Plugin/Field/FieldFormatter/FeaturedMediaFormatterTest.php | 2 +- .../FieldFormatter/FeaturedMediaThumbnailUrlFormatterTest.php | 2 +- .../Plugin/Field/FieldFormatter/MediaGalleryFormatterTest.php | 2 +- .../Field/FieldFormatter/MediaThumbnailUrlFormatterTest.php | 2 +- .../Field/FieldFormatter/MediaThumbnailUrlFormatterTestBase.php | 2 +- .../Field/FieldFormatter/SocialMediaIconsListFormatterTest.php | 2 +- .../Field/FieldFormatter/SocialMediaLinksFormatterTest.php | 2 +- .../Field/FieldFormatter/SocialMediaLinksFormatterTestBase.php | 2 +- .../oe_theme_helper/tests/src/Kernel/RetinaScaleEffectTest.php | 2 +- modules/oe_theme_helper/tests/src/Kernel/TwigExtensionTest.php | 2 +- modules/oe_theme_helper/tests/src/Unit/FilterEclTableTest.php | 2 +- modules/oe_theme_helper/tests/src/Unit/TwigExtensionTest.php | 2 +- .../src/Plugin/PageHeaderMetadata/ListPageContentType.php | 2 +- .../oe_theme_paragraphs_banner.install | 2 +- .../oe_theme_paragraphs_carousel.install | 2 +- .../oe_theme_paragraphs_carousel.module | 2 +- .../oe_theme_paragraphs_contact.install | 2 +- modules/oe_theme_test/oe_theme_test.install | 2 +- oe_theme.theme | 2 +- src/DocumentMediaValueExtractor.php | 2 +- src/ValueObject/DateValueObject.php | 2 +- src/ValueObject/DateValueObjectInterface.php | 2 +- src/ValueObject/Exception/ValueObjectException.php | 2 +- src/ValueObject/Exception/ValueObjectFactoryException.php | 2 +- src/ValueObject/FileValueObject.php | 2 +- src/ValueObject/GalleryItemValueObject.php | 2 +- src/ValueObject/ImageValueObject.php | 2 +- src/ValueObject/ImageValueObjectInterface.php | 2 +- src/ValueObject/ValueObjectBase.php | 2 +- src/ValueObject/ValueObjectInterface.php | 2 +- tests/modules/oe_theme_js_test/oe_theme_js_test.module | 2 +- .../modules/oe_theme_js_test/src/Form/AjaxDropdownsTestForm.php | 2 +- tests/modules/oe_theme_js_test/src/Form/DatePickerTestForm.php | 2 +- tests/modules/oe_theme_js_test/src/Form/MultiSelectTestForm.php | 2 +- .../oe_theme_patterns_render_test.module | 2 +- tests/src/Behat/CleanupContext.php | 2 +- tests/src/Behat/DrupalContext.php | 2 +- tests/src/Behat/EventContext.php | 2 +- tests/src/Behat/MinkContext.php | 2 +- tests/src/Behat/OeThemeTestContext.php | 2 +- tests/src/Behat/PreserveAnonymousPermissionsContext.php | 2 +- tests/src/Behat/Traits/UtilityTrait.php | 2 +- tests/src/EnsurePHPUnitBatchingTestExtension.php | 2 +- tests/src/Functional/BreadcrumbTest.php | 2 +- tests/src/Functional/ConfigurationTest.php | 2 +- tests/src/Functional/ContentCallForProposalsRenderTest.php | 2 +- tests/src/Functional/ContentCallForTendersRenderTest.php | 2 +- tests/src/Functional/ContentConsultationRenderTest.php | 2 +- tests/src/Functional/ContentEventRenderTest.php | 2 +- tests/src/Functional/ContentNewsRenderTest.php | 2 +- tests/src/Functional/ContentOrganisationRenderTest.php | 2 +- tests/src/Functional/ContentPersonRenderTest.php | 2 +- tests/src/Functional/ContentProjectRenderTest.php | 2 +- tests/src/Functional/ContentPublicationRenderTest.php | 2 +- tests/src/Functional/ContentRenderTestBase.php | 2 +- tests/src/Functional/CorporateFooterRenderTest.php | 2 +- tests/src/Functional/ParagraphsTest.php | 2 +- tests/src/Functional/SiteHeaderTest.php | 2 +- tests/src/FunctionalJavascript/JavascriptBehavioursTest.php | 2 +- tests/src/Kernel/AbstractKernelTestBase.php | 2 +- tests/src/Kernel/BlockTest.php | 2 +- tests/src/Kernel/BreadcrumbTest.php | 2 +- tests/src/Kernel/CallForProposalsRenderTest.php | 2 +- tests/src/Kernel/CallForTendersRenderTest.php | 2 +- tests/src/Kernel/ConsultationRenderTest.php | 2 +- tests/src/Kernel/ContactFormRenderTest.php | 2 +- tests/src/Kernel/ContactRenderTest.php | 2 +- tests/src/Kernel/ContentLanguageSwitcherTest.php | 2 +- tests/src/Kernel/ContentRenderTestBase.php | 2 +- tests/src/Kernel/EventRenderTest.php | 2 +- tests/src/Kernel/LanguageSwitcherTest.php | 2 +- tests/src/Kernel/LegacyContentRenderTest.php | 2 +- tests/src/Kernel/MainMenuTest.php | 2 +- tests/src/Kernel/MediaRenderTest.php | 2 +- tests/src/Kernel/MenuLocalTasksTest.php | 2 +- tests/src/Kernel/MultilingualAbstractKernelTestBase.php | 2 +- tests/src/Kernel/NewsRenderTest.php | 2 +- tests/src/Kernel/OrganisationRenderTest.php | 2 +- tests/src/Kernel/PagerTest.php | 2 +- tests/src/Kernel/Paragraphs/ContactParagraphTest.php | 2 +- tests/src/Kernel/Paragraphs/ContentRowTest.php | 2 +- tests/src/Kernel/Paragraphs/IllustrationListsParagraphsTest.php | 2 +- tests/src/Kernel/Paragraphs/MediaParagraphsTest.php | 2 +- tests/src/Kernel/Paragraphs/ParagraphsTest.php | 2 +- tests/src/Kernel/Paragraphs/ParagraphsTestBase.php | 2 +- tests/src/Kernel/Paragraphs/SocialMediaFollowTest.php | 2 +- tests/src/Kernel/Paragraphs/TimelineParagraphTest.php | 2 +- tests/src/Kernel/Patterns/DateBlockPatternRenderingTest.php | 2 +- tests/src/Kernel/Patterns/FilePatternRenderingTest.php | 2 +- tests/src/Kernel/Patterns/LinkPatternRenderingTest.php | 2 +- .../Kernel/Patterns/OrganisationTeaserPatternRenderingTest.php | 2 +- tests/src/Kernel/Patterns/PageHeaderRenderingTest.php | 2 +- tests/src/Kernel/PersonRenderTest.php | 2 +- .../Plugin/Condition/CurrentComponentLibraryConditionTest.php | 2 +- .../Kernel/Plugin/Condition/CurrentEclBrandingConditionTest.php | 2 +- tests/src/Kernel/ProjectRenderTest.php | 2 +- tests/src/Kernel/PublicationRenderTest.php | 2 +- tests/src/Kernel/RenderingTest.php | 2 +- tests/src/Kernel/SearchFormBlockTest.php | 2 +- tests/src/Kernel/StatusMessagesTest.php | 2 +- tests/src/Kernel/TablesTest.php | 2 +- tests/src/Kernel/TimelineTest.php | 2 +- tests/src/Kernel/ValueObject/DateTimeRangeTest.php | 2 +- tests/src/Kernel/ValueObject/DateTimeTest.php | 2 +- tests/src/Kernel/ValueObject/DateTimeTestBase.php | 2 +- tests/src/Kernel/ValueObject/ImageValueObjectTest.php | 2 +- tests/src/Kernel/Webtools/SocialShareTest.php | 2 +- tests/src/PatternAssertions/BasePatternAssert.php | 2 +- tests/src/PatternAssertions/CarouselAssert.php | 2 +- tests/src/PatternAssertions/FeaturedItemAssert.php | 2 +- tests/src/PatternAssertions/FieldListAssert.php | 2 +- tests/src/PatternAssertions/FileAssert.php | 2 +- tests/src/PatternAssertions/FileTeaserAssert.php | 2 +- tests/src/PatternAssertions/FileTranslationAssert.php | 2 +- tests/src/PatternAssertions/IconsTextAssert.php | 2 +- tests/src/PatternAssertions/InPageNavigationAssert.php | 2 +- tests/src/PatternAssertions/LinkBlockAssert.php | 2 +- tests/src/PatternAssertions/ListItemAssert.php | 2 +- tests/src/PatternAssertions/ListWithIllustrationAssert.php | 2 +- tests/src/PatternAssertions/NewsTickerAssert.php | 2 +- tests/src/PatternAssertions/PatternAssertInterface.php | 2 +- tests/src/PatternAssertions/PatternAssertState.php | 2 +- tests/src/PatternAssertions/PatternAssertStateInterface.php | 2 +- tests/src/PatternAssertions/PatternPageHeaderAssert.php | 2 +- tests/src/PatternAssertions/SocialMediaLinksAssert.php | 2 +- tests/src/PatternAssertions/TextFeaturedMediaAssert.php | 2 +- tests/src/PatternAssertions/TimelineAssert.php | 2 +- tests/src/Traits/FunctionalJavascriptTrait.php | 2 +- tests/src/Traits/RenderTrait.php | 2 +- tests/src/Traits/RequestTrait.php | 2 +- tests/src/Unit/AbstractUnitTestBase.php | 2 +- tests/src/Unit/ValueObject/DateValueObjectTest.php | 2 +- tests/src/Unit/ValueObject/FileValueObjectTest.php | 2 +- tests/src/Unit/ValueObject/GalleryItemValueObjectTest.php | 2 +- tests/src/Unit/ValueObject/ImageValueObjectTest.php | 2 +- 285 files changed, 285 insertions(+), 285 deletions(-) diff --git a/modules/oe_theme_contact_forms/oe_theme_contact_forms.module b/modules/oe_theme_contact_forms/oe_theme_contact_forms.module index d83d073c8..ed0fad1e0 100644 --- a/modules/oe_theme_contact_forms/oe_theme_contact_forms.module +++ b/modules/oe_theme_contact_forms/oe_theme_contact_forms.module @@ -5,7 +5,7 @@ * Module file used for theming the corporate contact forms. */ -declare(strict_types = 1); +declare(strict_types=1); use Drupal\contact\Entity\ContactForm; use Drupal\contact\MessageInterface; diff --git a/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.module b/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.module index f75517ade..d48125a90 100644 --- a/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.module +++ b/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.module @@ -5,7 +5,7 @@ * Module file is used for theming the Call for proposals content type. */ -declare(strict_types = 1); +declare(strict_types=1); use Drupal\Core\Entity\Display\EntityViewDisplayInterface; use Drupal\Core\Entity\EntityInterface; diff --git a/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.post_update.php b/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.post_update.php index 68cfab5a0..dae650384 100644 --- a/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.post_update.php +++ b/modules/oe_theme_content_call_proposals/oe_theme_content_call_proposals.post_update.php @@ -5,7 +5,7 @@ * OpenEuropa theme content call for proposals post updates. */ -declare(strict_types = 1); +declare(strict_types=1); use Drupal\Core\Config\FileStorage; use Drupal\Core\Entity\Entity\EntityViewDisplay; diff --git a/modules/oe_theme_content_call_proposals/src/Plugin/ExtraField/Display/CallForProposalsLabelStatusExtraField.php b/modules/oe_theme_content_call_proposals/src/Plugin/ExtraField/Display/CallForProposalsLabelStatusExtraField.php index f2feaab7d..b5ffc01fe 100644 --- a/modules/oe_theme_content_call_proposals/src/Plugin/ExtraField/Display/CallForProposalsLabelStatusExtraField.php +++ b/modules/oe_theme_content_call_proposals/src/Plugin/ExtraField/Display/CallForProposalsLabelStatusExtraField.php @@ -1,6 +1,6 @@