hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update libraries & correction oruga (frontend) - #1815

Browse Source
This commit is contained in:
Laurent GAY
2025-11-11 12:22:39 +01:00
committed by setop
parent 4198795e9a
commit 6f2883d7cf
16 changed files with 938 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
tests/unit/specs/components/Event/FullAddressAutoComplete.spec.ts Normal file
View File

@@ -0,0 +1,151 @@
import { beforeEach, describe, it, expect } from "vitest";
import { enUS } from "date-fns/locale";
import { routes } from "@/router";
import { createRouter, createWebHistory, Router } from "vue-router";
import { config, mount } from "@vue/test-utils";
import { Oruga } from "@oruga-ui/oruga-next";
import flushPromises from "flush-promises";
import { getMockClient, requestHandlers } from "../../mocks/client";
import { htmlRemoveId } from "../../common";
import FullAddressAutoComplete from "@/components/Event/FullAddressAutoComplete.vue";
import { ADDRESS } from "@/graphql/address";
config.global.plugins.push(Oruga);
let router: Router;
beforeEach(async () => {
router = createRouter({
history: createWebHistory(),
routes: routes,
});
// await router.isReady();
});
const generateWrapper = (mock_addr: any = {}) => {
const global_data = getMockClient([[ADDRESS, mock_addr]]);
global_data.provide.dateFnsLocale = enUS;
global_data.plugins = [router];
return mount(FullAddressAutoComplete, {
props: {},
global: {
...global_data,
stubs: {
RouterLink: false,
},
},
});
};
const mock_address = {
data: {
searchAddress: [
{
__typename: "Address",
country: "France",
description: "Lyon",
geom: "4.8320114;45.7578137",
id: null,
locality: "Lyon",
originId: "nominatim:120965",
pictureInfo: null,
postalCode: null,
region: "Auvergne-Rhône-Alpes",
street: " ",
timezone: null,
type: "city",
url: null,
},
{
__typename: "Address",
country: "États-Unis d'Amérique",
description: "Lyon County",
geom: "-96.1683124;38.4573987",
id: null,
locality: null,
originId: "nominatim:1070375",
pictureInfo: null,
postalCode: null,
region: "Kansas",
street: " ",
timezone: null,
type: "county",
url: null,
},
{
__typename: "Address",
country: "France",
description: "Lyon",
geom: "4.735948;45.6963425",
id: null,
locality: "Rhône",
originId: "nominatim:1663048",
pictureInfo: null,
postalCode: null,
region: "Auvergne-Rhône-Alpes",
street: " ",
timezone: null,
type: "city",
url: null,
},
{
__typename: "Address",
country: "États-Unis d'Amérique",
description: "Lyon",
geom: "-90.5420429;34.2178865",
id: null,
locality: "Coahoma County",
originId: "nominatim:109907",
pictureInfo: null,
postalCode: null,
region: "Mississippi",
street: " ",
timezone: null,
type: "city",
url: null,
},
],
},
};
describe("FullAddressAutoComplete", () => {
it("Show simple", async () => {
const wrapper = generateWrapper();
await wrapper.vm.$nextTick();
await flushPromises();
expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
expect(requestHandlers.handle_0).toHaveBeenCalledTimes(0);
});
it("Show list", async () => {
const wrapper = generateWrapper(mock_address);
await wrapper.vm.$nextTick();
await flushPromises();
const input = wrapper.find("input");
expect(input.exists()).toBeTruthy();
await input.trigger("focus");
await input.setValue("lyon");
await input.trigger("input");
await input.trigger("blur");
await wrapper.vm.$nextTick();
await flushPromises();
expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
await input.trigger("keydown", { key: "Down" });
await input.trigger("keydown", { key: "Enter" });
await wrapper.vm.$nextTick();
await flushPromises();
expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
expect(requestHandlers.handle_0).toHaveBeenCalledTimes(1);
expect(requestHandlers.handle_0).toHaveBeenCalledWith({
locale: "en_US",
query: "lyon",
type: undefined,
});
});
});

138
tests/unit/specs/components/Event/__snapshots__/FullAddressAutoComplete.spec.ts.snap Normal file
View File

@@ -0,0 +1,138 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`FullAddressAutoComplete > Show list 1`] = `
"<div class="address-autocomplete">
<div data-oruga="field" class="o-field o-field--filled !-mt-2 flex" id="FullAddressAutoComplete-o-field"><label id="v-0-0" for="full-address-autocomplete-1" class="o-field__label">Find an address</label>
<!--v-if-->
<div data-oruga="autocomplete" class="o-dropdown o-dropdown--expanded o-dropdown--position-auto o-autocomplete">
<div class="o-dropdown__trigger" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-disabled="false" aria-controls="v-0-2" aria-labelledby="v-0-0">
<div data-oruga="input" class="o-input o-input--expanded"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-map-marker mdi-24px"></i></span><input aria-labelledby="v-0-0" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full o-input__input o-input__input--iconspace-left" aria-autocomplete="list" aria-controls="v-0-2" enterkeyhint="enter" id="full-address-autocomplete-1" type="text" data-oruga-input="text" autocomplete="off" placeholder="e.g. 10 Rue Jangot">
<!---->
<!---->
</div>
</div>
<!--teleport start-->
<!---->
<transition-stub name="fade" appear="false" persisted="false" css="true">
<div id="v-0-2" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-labelledby="v-0-0" aria-multiselectable="false">
<!---->
<!---->
<div id="v-0-2-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-city mdi-24px"></i></span><b>Lyon</b></p>
<p class="text-small">Auvergne-Rhône-Alpes, France</p>
</div>
<div id="v-0-2-3" data-oruga="dropdown-item" data-id="dropdown-3" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-map-marker mdi-24px"></i></span><b>Lyon County</b></p>
<p class="text-small">Kansas, États-Unis d'Amérique</p>
</div>
<div id="v-0-2-4" data-oruga="dropdown-item" data-id="dropdown-4" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-city mdi-24px"></i></span><b>Lyon</b></p>
<p class="text-small">Auvergne-Rhône-Alpes, France</p>
</div>
<div id="v-0-2-5" data-oruga="dropdown-item" data-id="dropdown-5" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-city mdi-24px"></i></span><b>Lyon</b></p>
<p class="text-small">Mississippi, États-Unis d'Amérique</p>
</div>
<!---->
<!---->
</div>
</transition-stub>
<!--teleport end-->
</div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--disabled reset-area !h-auto" disabled="" title="Clear address field"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-close mdi-24px"></i></span>
<!---->
<!----></span>
</button>
<!---->
</div>
<!--v-if-->
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->"
`;
exports[`FullAddressAutoComplete > Show list 2`] = `
"<div class="address-autocomplete">
<div data-oruga="field" class="o-field o-field--filled !-mt-2 flex" id="FullAddressAutoComplete-o-field"><label id="v-0-0" for="full-address-autocomplete-1" class="o-field__label">Find an address</label>
<!--v-if-->
<div data-oruga="autocomplete" class="o-dropdown o-dropdown--expanded o-dropdown--position-bottom o-dropdown--active o-autocomplete">
<div class="o-dropdown__trigger" role="combobox" aria-haspopup="listbox" aria-expanded="true" aria-disabled="false" aria-controls="v-0-2" aria-labelledby="v-0-0">
<div data-oruga="input" class="o-input o-input--expanded"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-map-marker mdi-24px"></i></span><input aria-labelledby="v-0-0" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full o-input__input o-input__input--iconspace-left" aria-autocomplete="list" aria-controls="v-0-2" enterkeyhint="enter" id="full-address-autocomplete-1" type="text" data-oruga-input="text" autocomplete="off" placeholder="e.g. 10 Rue Jangot">
<!---->
<!---->
</div>
</div>
<!--teleport start-->
<!---->
<transition-stub name="fade" appear="false" persisted="false" css="true">
<div id="v-0-2" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--bottom o-dropdown__menu--active" style="max-height: 200px; overflow: auto;" role="listbox" aria-labelledby="v-0-0" aria-multiselectable="false">
<!---->
<!---->
<div id="v-0-2-2" data-oruga="dropdown-item" data-id="dropdown-2" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-city mdi-24px"></i></span><b>Lyon</b></p>
<p class="text-small">Auvergne-Rhône-Alpes, France</p>
</div>
<div id="v-0-2-3" data-oruga="dropdown-item" data-id="dropdown-3" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-map-marker mdi-24px"></i></span><b>Lyon County</b></p>
<p class="text-small">Kansas, États-Unis d'Amérique</p>
</div>
<div id="v-0-2-4" data-oruga="dropdown-item" data-id="dropdown-4" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-city mdi-24px"></i></span><b>Lyon</b></p>
<p class="text-small">Auvergne-Rhône-Alpes, France</p>
</div>
<div id="v-0-2-5" data-oruga="dropdown-item" data-id="dropdown-5" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item" role="option" tabindex="-1" aria-selected="false" aria-disabled="false">
<p class="flex gap-1"><span data-oruga="icon" class="o-icon"><i class="mdi mdi-city mdi-24px"></i></span><b>Lyon</b></p>
<p class="text-small">Mississippi, États-Unis d'Amérique</p>
</div>
<!---->
<!---->
</div>
</transition-stub>
<!--teleport end-->
</div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--disabled reset-area !h-auto" disabled="" title="Clear address field"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-close mdi-24px"></i></span>
<!---->
<!----></span>
</button>
<!---->
</div>
<!--v-if-->
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->"
`;
exports[`FullAddressAutoComplete > Show simple 1`] = `
"<div class="address-autocomplete">
<div data-oruga="field" class="o-field !-mt-2 flex" id="FullAddressAutoComplete-o-field"><label id="v-0-0" for="full-address-autocomplete-1" class="o-field__label">Find an address</label>
<!--v-if-->
<div data-oruga="autocomplete" class="o-dropdown o-dropdown--expanded o-dropdown--position-auto o-autocomplete">
<div class="o-dropdown__trigger" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-disabled="false" aria-controls="v-0-2" aria-labelledby="v-0-0">
<div data-oruga="input" class="o-input o-input--expanded"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-map-marker mdi-24px"></i></span><input aria-labelledby="v-0-0" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full o-input__input o-input__input--iconspace-left o-input__input--placeholder" aria-autocomplete="list" aria-controls="v-0-2" enterkeyhint="enter" id="full-address-autocomplete-1" type="text" data-oruga-input="text" autocomplete="off" placeholder="e.g. 10 Rue Jangot">
<!---->
<!---->
</div>
</div>
<!--teleport start-->
<!---->
<transition-stub name="fade" appear="false" persisted="false" css="true">
<div id="v-0-2" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-labelledby="v-0-0" aria-multiselectable="false">
<!---->
<!---->
<div id="v-0-2-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item o-autocomplete__item--empty" role="option" tabindex="-1" aria-selected="false" aria-disabled="false"></div>
<!---->
</div>
</transition-stub>
<!--teleport end-->
</div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--disabled reset-area !h-auto" disabled="" title="Clear address field"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-close mdi-24px"></i></span>
<!---->
<!----></span>
</button>
<!---->
</div>
<!--v-if-->
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->"
`;

2
tests/unit/specs/components/Participation/__snapshots__/ParticipationWithoutAccount.spec.ts.snap
View File

@@ -42,7 +42,7 @@ exports[`ParticipationWithoutAccount > handles being already a participant 1`] =
</div>
<div data-oruga="field" class="o-field">
<!---->
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input aria-labelledby="v-0-4" id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true"><label id="v-0-4" for="v-0-6" class="o-checkbox__label"><b>Remember my participation in this browser</b>
<div data-oruga="checkbox" class="o-checkbox"><input aria-labelledby="v-0-4" id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false"><label id="v-0-4" for="v-0-6" class="o-checkbox__label"><b>Remember my participation in this browser</b>
<p>Will allow to display and manage your participation status on the event page when using this device. Uncheck if you're using a public device.</p>
</label></div>
<!---->

4
tests/unit/specs/components/User/__snapshots__/AuthProviders.spec.ts.snap
View File

@@ -2,9 +2,9 @@
exports[`AuthProviders > Show simple 1`] = `
"<div><b>Sign in with</b>
<div class="flex gap-1 flex-wrap"><a data-oruga="button" role="button" tabindex="0" class="o-button o-button--outlined-primary" href="/auth/keycloak"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-lock mdi-24px"></i></span><span class="o-button__label"><span>Entreprise</span></span>
<div class="flex gap-1 flex-wrap"><a data-oruga="button" role="button" tabindex="0" class="o-button o-button--primary o-button--outlined" href="/auth/keycloak"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-lock mdi-24px"></i></span><span class="o-button__label"><span>Entreprise</span></span>
<!----></span>
</a><a data-oruga="button" role="button" tabindex="0" class="o-button o-button--outlined-primary" href="/auth/google"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-google mdi-24px"></i></span><span class="o-button__label"><span>Google</span></span>
</a><a data-oruga="button" role="button" tabindex="0" class="o-button o-button--primary o-button--outlined" href="/auth/google"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-google mdi-24px"></i></span><span class="o-button__label"><span>Google</span></span>
<!----></span>
</a></div>
</div>"

2
tests/unit/specs/views/User/__snapshots__/resendConfirmation.spec.ts.snap
View File

@@ -15,7 +15,7 @@ exports[`ResendConfirmation > Show simple 1`] = `
</div>
<p class="flex flex-wrap gap-1 mt-2"><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Send the confirmation email again</span>
<!----></span>
</button><a href="/login" class="o-button o-button--outlined-primary" data-oruga="button" role="button" tabindex="0"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
</button><a href="/login" class="o-button o-button--primary o-button--outlined" data-oruga="button" role="button" tabindex="0"><span class="o-button__wrapper"><!----><span class="o-button__label">Cancel</span>
<!----></span>
</a></p>
</form>

44
tests/unit/specs/views/admin/__snapshots__/adminGroupProfile.spec.ts.snap
View File

@@ -71,7 +71,7 @@ exports[`AdminGroupProfile > Show simple 1`] = `
<div class="flex gap-1"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Suspend</span>
<!----></span>
</button>
<!--v-if--><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined-primary"><span class="o-button__wrapper"><!----><span class="o-button__label">Refresh profile</span>
<!--v-if--><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--primary o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Refresh profile</span>
<!----></span>
</button>
</div>
@@ -103,7 +103,7 @@ exports[`AdminGroupProfile > Show simple 1`] = `
<!---->
</thead>
<tbody>
<tr class="" draggable="false" aria-rowindex="2">
<tr class="o-table__tr" draggable="false" aria-rowindex="2">
<!---->
<!---->
<td class="o-table__td" data-label="Member">
@@ -130,11 +130,19 @@ exports[`AdminGroupProfile > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--primary o-pagination__button o-pagination__button--current" iscurrent="true" number="1" aria-label="Current page, Page 1." aria-current="true"><span class="o-button__wrapper"><!----><span class="o-button__label">1</span>
<!----></span>
</button></li>
<!---->
<!---->
</ul>
@@ -190,14 +198,26 @@ exports[`AdminGroupProfile > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" tabindex="0" class="o-pagination__button-next o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-pagination__button o-pagination__button-next" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button" aria-label="Page 2." aria-current="false">2</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--primary o-pagination__button o-pagination__button--current" iscurrent="true" number="1" aria-label="Current page, Page 1." aria-current="true"><span class="o-button__wrapper"><!----><span class="o-button__label">1</span>
<!----></span>
</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-pagination__button" iscurrent="false" number="2" aria-label="Page 2." aria-current="false"><span class="o-button__wrapper"><!----><span class="o-button__label">2</span>
<!----></span>
</button></li>
<li class="o-pagination__item"><span class="o-pagination__ellipsis">…</span></li>
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button" aria-label="Page 3041." aria-current="false">3041</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-pagination__button" iscurrent="false" number="3041" aria-label="Page 3041." aria-current="false"><span class="o-button__wrapper"><!----><span class="o-button__label">3041</span>
<!----></span>
</button></li>
</ul>
</nav>
</div>
@@ -251,7 +271,13 @@ exports[`AdminGroupProfile > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->

24
tests/unit/specs/views/admin/__snapshots__/adminProfile.spec.ts.snap
View File

@@ -135,7 +135,13 @@ exports[`AdminProfile > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
@@ -194,7 +200,13 @@ exports[`AdminProfile > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
@@ -256,7 +268,13 @@ exports[`AdminProfile > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->

24
tests/unit/specs/views/admin/__snapshots__/adminUsersProfileView.spec.ts.snap
View File

@@ -117,7 +117,7 @@ exports[`UsersView > Ban user 1`] = `
</div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -155,7 +155,7 @@ exports[`UsersView > Ban user 1`] = `
<div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -177,7 +177,7 @@ exports[`UsersView > Ban user 1`] = `
<h2>Confirm user</h2>
</header>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -297,7 +297,7 @@ exports[`UsersView > Show moderate list 1`] = `
</div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -335,7 +335,7 @@ exports[`UsersView > Show moderate list 1`] = `
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -357,7 +357,7 @@ exports[`UsersView > Show moderate list 1`] = `
<h2>Confirm user</h2>
</header>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -489,7 +489,7 @@ exports[`UsersView > Show simple list 1`] = `
</div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -527,7 +527,7 @@ exports[`UsersView > Show simple list 1`] = `
<div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -549,7 +549,7 @@ exports[`UsersView > Show simple list 1`] = `
<h2>Confirm user</h2>
</header>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -682,7 +682,7 @@ exports[`UsersView > Unban user 1`] = `
</div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-6" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-7"><label id="v-0-7" for="v-0-6" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -720,7 +720,7 @@ exports[`UsersView > Unban user 1`] = `
<div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-14" id="v-0-16" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="true" value="USER"><label id="v-0-14" for="v-0-16" class="o-radio__label">User</label></div>
<!---->
</div>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-17" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-18"><label id="v-0-18" for="v-0-17" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer class="mt-2 flex gap-2"><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--outlined"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>
@@ -742,7 +742,7 @@ exports[`UsersView > Unban user 1`] = `
<h2>Confirm user</h2>
</header>
<section>
<div data-oruga="checkbox" class="o-checkbox o-checkbox--checked"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="true" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Notify the user of the change</label></div>
</section>
<footer><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button"><span class="o-button__wrapper"><!----><span class="o-button__label">Close</span>
<!----></span>

18
tests/unit/specs/views/admin/__snapshots__/groupProfiles.spec.ts.snap
View File

@@ -44,7 +44,7 @@ exports[`GroupProfiles > Show simple 1`] = `
<!---->
</thead>
<tbody>
<tr class="" draggable="false" aria-rowindex="3">
<tr class="o-table__tr" draggable="false" aria-rowindex="3">
<!---->
<!---->
<td class="o-table__td" data-label="Username"><a data-v-0a4382af="" href="/settings/admin/groups/1125368" class="profile">
@@ -60,7 +60,7 @@ exports[`GroupProfiles > Show simple 1`] = `
<!---->
</tr>
<!---->
<tr class="" draggable="false" aria-rowindex="4">
<tr class="o-table__tr" draggable="false" aria-rowindex="4">
<!---->
<!---->
<td class="o-table__td" data-label="Username"><a data-v-0a4382af="" href="/settings/admin/groups/175368" class="profile">
@@ -76,7 +76,7 @@ exports[`GroupProfiles > Show simple 1`] = `
<!---->
</tr>
<!---->
<tr class="" draggable="false" aria-rowindex="5">
<tr class="o-table__tr" draggable="false" aria-rowindex="5">
<!---->
<!---->
<td class="o-table__td" data-label="Username"><a data-v-0a4382af="" href="/settings/admin/groups/1126368" class="profile">
@@ -103,11 +103,19 @@ exports[`GroupProfiles > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--primary o-pagination__button o-pagination__button--current" iscurrent="true" number="1" aria-label="Current page, Page 1." aria-current="true"><span class="o-button__wrapper"><!----><span class="o-button__label">1</span>
<!----></span>
</button></li>
<!---->
<!---->
</ul>

12
tests/unit/specs/views/admin/__snapshots__/instancesView.spec.ts.snap
View File

@@ -100,11 +100,19 @@ exports[`InstancesView > Show simple 1`] = `
<p data-v-364450c8="" class="flex flex-col text-center"><span data-v-364450c8="" class="text-xl">0</span><span data-v-364450c8="" class="text-sm">Profiles</span></p>
</div>
</a>
<nav data-v-364450c8="" data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right" style="display: none;"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-v-364450c8="" data-oruga="pagination" class="o-pagination o-pagination--right" style="display: none;"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left mdi-24px"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right mdi-24px"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--primary o-pagination__button o-pagination__button--current" iscurrent="true" number="1" aria-label="Current page, Page 1." aria-current="true"><span class="o-button__wrapper"><!----><span class="o-button__label">1</span>
<!----></span>
</button></li>
<!---->
<!---->
</ul>

18
tests/unit/specs/views/admin/__snapshots__/profilesView.spec.ts.snap
View File

@@ -43,7 +43,7 @@ exports[`ProfilesView > Show simple 1`] = `
<!---->
</thead>
<tbody>
<tr class="" draggable="false" aria-rowindex="3">
<tr class="o-table__tr" draggable="false" aria-rowindex="3">
<!---->
<!---->
<td class="o-table__td" data-label="Username"><a data-v-7a3be82f="" href="/settings/admin/profiles/1" class="profile">
@@ -57,7 +57,7 @@ exports[`ProfilesView > Show simple 1`] = `
<!---->
</tr>
<!---->
<tr class="" draggable="false" aria-rowindex="4">
<tr class="o-table__tr" draggable="false" aria-rowindex="4">
<!---->
<!---->
<td class="o-table__td" data-label="Username"><a data-v-7a3be82f="" href="/settings/admin/profiles/2" class="profile">
@@ -71,7 +71,7 @@ exports[`ProfilesView > Show simple 1`] = `
<!---->
</tr>
<!---->
<tr class="" draggable="false" aria-rowindex="5">
<tr class="o-table__tr" draggable="false" aria-rowindex="5">
<!---->
<!---->
<td class="o-table__td" data-label="Username"><a data-v-7a3be82f="" href="/settings/admin/profiles/109687" class="profile">
@@ -96,11 +96,19 @@ exports[`ProfilesView > Show simple 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--primary o-pagination__button o-pagination__button--current" iscurrent="true" number="1" aria-label="Current page, Page 1." aria-current="true"><span class="o-button__wrapper"><!----><span class="o-button__label">1</span>
<!----></span>
</button></li>
<!---->
<!---->
</ul>

44
tests/unit/specs/views/admin/__snapshots__/usersView.spec.ts.snap
View File

@@ -45,7 +45,7 @@ exports[`UsersView > Show list with moderation 1`] = `
<tr aria-rowindex="1">
<!---->
<!---->
<th class="o-table__th" style="width: 40px;" draggable="false" aria-colindex="1"><span class="o-table__th__label"></span>
<th class="o-table__th" style="width: 40px; min-width: 40px;" draggable="false" aria-colindex="1"><span class="o-table__th__label"></span>
<!---->
</th>
<th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Email</span>
@@ -63,20 +63,20 @@ exports[`UsersView > Show list with moderation 1`] = `
<!---->
</thead>
<tbody>
<tr class="" draggable="false" aria-rowindex="2">
<tr class="o-table__tr" draggable="false" aria-rowindex="2">
<!---->
<!---->
<td class="o-table__td" style="width: 40px;">6</td>
<td class="o-table__td" style="width: 40px; min-width: 40px;">6</td>
<td class="o-table__td" data-label="Email"><a data-v-01123d3b="" href="/settings/admin/users/6" class="">truc@mobilizon.test</a></td>
<td class="o-table__td" data-label="Last seen on"><time data-v-01123d3b="">Thursday, January 1, 1970 at 1:00 AM</time></td>
<td class="o-table__td" data-label="Language">English</td>
<!---->
</tr>
<!---->
<tr class="" draggable="false" aria-rowindex="3">
<tr class="o-table__tr" draggable="false" aria-rowindex="3">
<!---->
<!---->
<td class="o-table__td" style="width: 40px;">1</td>
<td class="o-table__td" style="width: 40px; min-width: 40px;">1</td>
<td class="o-table__td" data-label="Email"><a data-v-01123d3b="" href="/settings/admin/users/1" class="">admin@mobilizon.test</a></td>
<td class="o-table__td" data-label="Last seen on"><time data-v-01123d3b="" datetime="2025-09-11T16:10:03Z">Thursday, September 11, 2025 at 6:10 PM</time></td>
<td class="o-table__td" data-label="Language">English</td>
@@ -94,11 +94,19 @@ exports[`UsersView > Show list with moderation 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--primary o-pagination__button o-pagination__button--current" iscurrent="true" number="1" aria-label="Current page, Page 1." aria-current="true"><span class="o-button__wrapper"><!----><span class="o-button__label">1</span>
<!----></span>
</button></li>
<!---->
<!---->
</ul>
@@ -153,7 +161,7 @@ exports[`UsersView > Show simple list 1`] = `
<tr aria-rowindex="1">
<!---->
<!---->
<th class="o-table__th" style="width: 40px;" draggable="false" aria-colindex="1"><span class="o-table__th__label"></span>
<th class="o-table__th" style="width: 40px; min-width: 40px;" draggable="false" aria-colindex="1"><span class="o-table__th__label"></span>
<!---->
</th>
<th class="o-table__th" draggable="false" aria-colindex="2"><span class="o-table__th__label">Email</span>
@@ -171,20 +179,20 @@ exports[`UsersView > Show simple list 1`] = `
<!---->
</thead>
<tbody>
<tr class="" draggable="false" aria-rowindex="2">
<tr class="o-table__tr" draggable="false" aria-rowindex="2">
<!---->
<!---->
<td class="o-table__td" style="width: 40px;">6</td>
<td class="o-table__td" style="width: 40px; min-width: 40px;">6</td>
<td class="o-table__td" data-label="Email"><a data-v-01123d3b="" href="/settings/admin/users/6" class="">truc@mobilizon.test</a></td>
<td class="o-table__td" data-label="Last seen on"><time data-v-01123d3b="">Thursday, January 1, 1970 at 1:00 AM</time></td>
<td class="o-table__td" data-label="Language">English</td>
<!---->
</tr>
<!---->
<tr class="" draggable="false" aria-rowindex="3">
<tr class="o-table__tr" draggable="false" aria-rowindex="3">
<!---->
<!---->
<td class="o-table__td" style="width: 40px;">1</td>
<td class="o-table__td" style="width: 40px; min-width: 40px;">1</td>
<td class="o-table__td" data-label="Email"><a data-v-01123d3b="" href="/settings/admin/users/1" class="">admin@mobilizon.test</a></td>
<td class="o-table__td" data-label="Last seen on"><time data-v-01123d3b="" datetime="2025-09-11T16:10:03Z">Thursday, September 11, 2025 at 6:10 PM</time></td>
<td class="o-table__td" data-label="Language">English</td>
@@ -202,11 +210,19 @@ exports[`UsersView > Show simple list 1`] = `
<div class="o-table__pagination">
<div></div>
<div>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--right o-pagination--small"><button type="button" role="button" disabled="" class="o-pagination__button-previous o-pagination__button--disabled o-pagination__button" aria-label="Previous page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-left mdi-24px"></i></span></button><button type="button" role="button" disabled="" class="o-pagination__button-next o-pagination__button--disabled o-pagination__button" aria-label="Next page" aria-current="false"><span data-oruga="icon" class="o-icon" aria-hidden="true"><i class="mdi mdi-chevron-right mdi-24px"></i></span></button>
<nav data-oruga="pagination" class="o-pagination o-pagination--right o-pagination--small"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-previous o-pagination__button--disabled" disabled="" iscurrent="false" number="0" aria-label="Previous page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-left"></i></span>
<!---->
<!----></span>
</button><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--disabled o-pagination__button o-pagination__button-next o-pagination__button--disabled" disabled="" iscurrent="false" number="2" aria-label="Next page" aria-current="false"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-icon--small o-button__icon o-button__icon-left"><i class="mdi mdi-chevron-right"></i></span>
<!---->
<!----></span>
</button>
<ul class="o-pagination__list">
<!---->
<!---->
<li class="o-pagination__item"><button type="button" role="button" tabindex="0" class="o-pagination__button o-pagination__button--current" aria-label="Current page, Page 1." aria-current="true">1</button></li>
<li class="o-pagination__item"><button data-oruga="button" role="button" tabindex="0" class="o-button o-button--small o-button--primary o-pagination__button o-pagination__button--current" iscurrent="true" number="1" aria-label="Current page, Page 1." aria-current="true"><span class="o-button__wrapper"><!----><span class="o-button__label">1</span>
<!----></span>
</button></li>
<!---->
<!---->
</ul>