generated from Seekra/repository-template
Compare commits
3
Commits
aecb213c10
...
afd0c47b63
| Author | SHA1 | Date | |
|---|---|---|---|
 jakob.scheid
|
afd0c47b63
|
||
|
jakob.scheid
|
fbb8e028fb
|
||
|
jakob.scheid
|
6a0c41bb0b
|
@@ -0,0 +1,110 @@
|
|||||||
|
/*
|
||||||
|
Copyright 2026 Seekra
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { FetchError } from '../../errors';
|
||||||
|
import { getLegalNotice } from '../fetchLegalContent';
|
||||||
|
import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
|
||||||
|
|
||||||
|
let fetchSpy;
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
fetchSpy = vi.spyOn(globalThis, 'fetch');
|
||||||
|
});
|
||||||
|
|
||||||
|
afterEach(() => {
|
||||||
|
fetchSpy.mockRestore();
|
||||||
|
});
|
||||||
|
|
||||||
|
const exampleHtml = `<h1>Heading</h1>
|
||||||
|
<p>
|
||||||
|
<a>...</a>
|
||||||
|
</p>`;
|
||||||
|
|
||||||
|
const exampleHtmlWithLinkClass = `<h1>Heading</h1>
|
||||||
|
<p>
|
||||||
|
<a class="link">...</a>
|
||||||
|
</p>`;
|
||||||
|
const exampleHtmlDocument = `<html>
|
||||||
|
<head>
|
||||||
|
<title>Legal Notice</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
${exampleHtml}
|
||||||
|
</body>
|
||||||
|
</html>`;
|
||||||
|
const exampleHtmlDocumentWithMain = `<html>
|
||||||
|
<head>
|
||||||
|
<title>Legal Notice</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
${exampleHtml}
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>`;
|
||||||
|
|
||||||
|
describe('fetchLegalContent', () => {
|
||||||
|
describe('getLegalNotice', () => {
|
||||||
|
describe('success', () => {
|
||||||
|
test('returns HTML body', async () => {
|
||||||
|
fetchSpy.mockResolvedValue(
|
||||||
|
new Response(exampleHtmlDocument)
|
||||||
|
);
|
||||||
|
|
||||||
|
expect(
|
||||||
|
(await getLegalNotice()).trim()
|
||||||
|
).toBe(exampleHtmlWithLinkClass);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('returns HTML <main>', async () => {
|
||||||
|
fetchSpy.mockResolvedValue(
|
||||||
|
new Response(exampleHtmlDocumentWithMain)
|
||||||
|
);
|
||||||
|
|
||||||
|
expect(
|
||||||
|
(await getLegalNotice()).trim()
|
||||||
|
).toBe(exampleHtmlWithLinkClass);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('does not fail on success status code', async () => {
|
||||||
|
fetchSpy.mockResolvedValue(
|
||||||
|
new Response(null, { status: 206 })
|
||||||
|
);
|
||||||
|
|
||||||
|
await getLegalNotice();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('error', () => {
|
||||||
|
test('throws FetchError when fetch fails', async () => {
|
||||||
|
fetchSpy.mockRejectedValue(new TypeError());
|
||||||
|
await expect(getLegalNotice()).rejects.toThrow(FetchError);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('throws FetchError on HTTP error', async () => {
|
||||||
|
fetchSpy.mockResolvedValue(
|
||||||
|
new Response(null, { status: 404 })
|
||||||
|
)
|
||||||
|
await expect(getLegalNotice()).rejects.toThrow(FetchError);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('does not throw FetchError when fetch throws another error than TypeError', async () => {
|
||||||
|
fetchSpy.mockRejectedValue(new Error());
|
||||||
|
await expect(getLegalNotice()).rejects.toThrow(Error);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -21,6 +21,7 @@ import { useI18n } from 'vue-i18n';
|
|||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
const loading = ref(true);
|
||||||
const legalNoticeError = ref(null);
|
const legalNoticeError = ref(null);
|
||||||
const legalNoticeHtml = ref(null);
|
const legalNoticeHtml = ref(null);
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
@@ -28,6 +29,8 @@ onMounted(async () => {
|
|||||||
legalNoticeHtml.value = await getLegalNotice();
|
legalNoticeHtml.value = await getLegalNotice();
|
||||||
} catch {
|
} catch {
|
||||||
legalNoticeError.value = 'legal.notice.loadError';
|
legalNoticeError.value = 'legal.notice.loadError';
|
||||||
|
} finally {
|
||||||
|
loading.value = false;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@@ -40,7 +43,10 @@ onMounted(async () => {
|
|||||||
</h1>
|
</h1>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<div class="error" v-if="legalNoticeError">
|
<div class="legal-notice-loading" v-if="loading">
|
||||||
|
{{ t('loading') }}
|
||||||
|
</div>
|
||||||
|
<div class="error" v-else-if="legalNoticeError">
|
||||||
{{ t(legalNoticeError) }}
|
{{ t(legalNoticeError) }}
|
||||||
</div>
|
</div>
|
||||||
<div class="legal-notice" v-html="legalNoticeHtml" v-else></div>
|
<div class="legal-notice" v-html="legalNoticeHtml" v-else></div>
|
||||||
|
|||||||
@@ -0,0 +1,78 @@
|
|||||||
|
/*
|
||||||
|
Copyright 2026 Seekra
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { FetchError } from '../../errors.js';
|
||||||
|
import LegalNoticeView from '../LegalNoticeView.vue';
|
||||||
|
import { mountComponent } from '@/test-utils/mountComponent';
|
||||||
|
import { flushPromises } from '@vue/test-utils';
|
||||||
|
import { afterEach, describe, expect, test, vi } from 'vitest';
|
||||||
|
|
||||||
|
const getLegalNotice = vi.hoisted(() => vi.fn().mockResolvedValue('legal notice'));
|
||||||
|
vi.mock('../../services/fetchLegalContent', async (importOriginal) => {
|
||||||
|
const actual = await importOriginal();
|
||||||
|
return {
|
||||||
|
...actual,
|
||||||
|
getLegalNotice
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
afterEach(() => getLegalNotice.mockRestore());
|
||||||
|
|
||||||
|
describe('LegalNoticeView', () => {
|
||||||
|
test('shows loading indicator', () => {
|
||||||
|
const wrapper = mountComponent(LegalNoticeView);
|
||||||
|
|
||||||
|
const legalNoticeLoading = wrapper.find('.legal-notice-loading');
|
||||||
|
const legalNoticeError = wrapper.find('.error');
|
||||||
|
const legalNotice = wrapper.find('.legal-notice');
|
||||||
|
|
||||||
|
expect(legalNoticeLoading.exists()).toBe(true);
|
||||||
|
expect(legalNoticeError.exists()).toBe(false);
|
||||||
|
expect(legalNotice.exists()).toBe(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('shows error', async () => {
|
||||||
|
getLegalNotice.mockRejectedValue(new FetchError());
|
||||||
|
|
||||||
|
const wrapper = mountComponent(LegalNoticeView);
|
||||||
|
|
||||||
|
await flushPromises();
|
||||||
|
await wrapper.vm.$nextTick();
|
||||||
|
|
||||||
|
const legalNoticeLoading = wrapper.find('.legal-notice-loading');
|
||||||
|
const legalNoticeError = wrapper.find('.error');
|
||||||
|
const legalNotice = wrapper.find('.legal-notice');
|
||||||
|
|
||||||
|
expect(legalNoticeLoading.exists()).toBe(false);
|
||||||
|
expect(legalNoticeError.exists()).toBe(true);
|
||||||
|
expect(legalNotice.exists()).toBe(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('shows legal notice', async () => {
|
||||||
|
const wrapper = mountComponent(LegalNoticeView);
|
||||||
|
|
||||||
|
await flushPromises();
|
||||||
|
await wrapper.vm.$nextTick();
|
||||||
|
|
||||||
|
const legalNoticeLoading = wrapper.find('.legal-notice-loading');
|
||||||
|
const legalNoticeError = wrapper.find('.error');
|
||||||
|
const legalNotice = wrapper.find('.legal-notice');
|
||||||
|
|
||||||
|
expect(legalNoticeLoading.exists()).toBe(false);
|
||||||
|
expect(legalNoticeError.exists()).toBe(false);
|
||||||
|
expect(legalNotice.exists()).toBe(true);
|
||||||
|
});
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user