Proof of concept: load map data from tile server #478
EmmaLRussellAnnotations
10 errors
|
tests/unit/components/excelDownloadButton.spec.ts > ExcelDownloadButton > clicking button calls download when a country is selected:
tests/unit/components/excelDownloadButton.spec.ts#L52
AssertionError: expected "spy" to be called 1 times, but got 0 times
❯ tests/unit/components/excelDownloadButton.spec.ts:52:45
|
|
tests/unit/components/excelDownloadButton.spec.ts > ExcelDownloadButton > clicking button shows dialog when no country is selected:
tests/unit/components/excelDownloadButton.spec.ts#L58
TestingLibraryElementError: Unable to find an element with the text: Excel Download. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ tests/unit/components/excelDownloadButton.spec.ts:58:29
|
|
tests/unit/components/excelDownloadButton.spec.ts > ExcelDownloadButton > clicking Yes downloads with level 2 values:
tests/unit/components/excelDownloadButton.spec.ts#L64
TestingLibraryElementError: Unable to find an element with the text: Yes. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ tests/unit/components/excelDownloadButton.spec.ts:64:40
|
|
tests/unit/components/excelDownloadButton.spec.ts > ExcelDownloadButton > clicking No downloads without level 2 values:
tests/unit/components/excelDownloadButton.spec.ts#L73
TestingLibraryElementError: Unable to find an element with the text: No. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div />
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div />
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ tests/unit/components/excelDownloadButton.spec.ts:73:39
|
|
tests/unit/components/excelDownloadButton.spec.ts > ExcelDownloadButton > clicking Cancel hides dialog without download:
tests/unit/components/excelDownloadButton.spec.ts#L82
TestingLibraryElementError: Unable to find an element with the text: Cancel. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div />
<div />
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div />
<div
class="v-overlay-container"
>
<div
class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-tooltip"
id="v-tooltip-1"
role="tooltip"
style="z-index: 2000;"
>
<transition-stub
appear="true"
css="true"
name="fade-transition"
persisted="false"
/>
<transition-stub
appear="true"
css="true"
name="scale-transition"
persisted="true"
target="[object HTMLButtonElement]"
>
<div
class="v-overlay__content"
style="min-width: 0px; --v-overlay-anchor-origin: left center; transform-origin: right center; top: 36px; left: 36px; max-width: 0px; max-height: 0px;"
>
Download Excel is disabled in tile servier proof of concept
</div>
</transition-stub>
</div>
</div>
<div />
<div />
<div />
<div />
<div>
<button
aria-describedby="v-tooltip-1"
aria-label="Download Excel"
class="v-btn v-btn--disabled v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-elevated icon-button"
disabled=""
id="download-excel-btn"
type="button"
>
<span
class="v-btn__overlay"
/>
<span
class="v-btn__underlay"
/>
<span
class="v-btn__content"
data-no-activator=""
>
<i
aria-hidden="true"
class="mdi-download mdi v-icon notranslate v-theme--light v-icon--size-default"
/>
</span>
</button>
</div>
</body>
❯ waitForWrapper node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ node_modules/@testing-library/vue/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
❯ tests/unit/components/excelDownloadButton.spec.ts:82:43
|
|
tests/unit/composables/useExcelDownload.spec.ts > useExcelDownload > when a country is selected > can write country indicators Excel file:
tests/unit/composables/useExcelDownload.spec.ts#L146
AssertionError: expected "spy" to be called 1 times, but got 0 times
❯ tests/unit/composables/useExcelDownload.spec.ts:146:35
|
|
tests/unit/composables/useExcelDownload.spec.ts > useExcelDownload > when a country with no admin2 regions is selected > can write country indicators Excel file:
tests/unit/composables/useExcelDownload.spec.ts#L168
AssertionError: expected "spy" to be called 1 times, but got 0 times
❯ tests/unit/composables/useExcelDownload.spec.ts:168:35
|
|
tests/unit/composables/useSelectedMapInfo.spec.ts > useSelectedMapInfo > selectedFeatures includes all admin 1 features when there is no selected country:
tests/unit/composables/useSelectedMapInfo.spec.ts#L16
TypeError: Cannot read properties of undefined (reading 'value')
❯ tests/unit/composables/useSelectedMapInfo.spec.ts:16:33
|
|
tests/unit/composables/useSelectedMapInfo.spec.ts > useSelectedMapInfo > selectedFeatures includes selected country's admin2 features, and admin1 for all others:
tests/unit/composables/useSelectedMapInfo.spec.ts#L27
TypeError: Cannot read properties of undefined (reading 'value')
❯ tests/unit/composables/useSelectedMapInfo.spec.ts:27:33
|
|
tests/unit/composables/useSelectedMapInfo.spec.ts > useSelectedMapInfo > selectedFeatures includes selected country's admin1 features if adminLevel is 1:
tests/unit/composables/useSelectedMapInfo.spec.ts#L55
TypeError: Cannot read properties of undefined (reading 'value')
❯ tests/unit/composables/useSelectedMapInfo.spec.ts:55:33
|