js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix part name

Browse Source
This commit is contained in:
Cory LaViska
2024-12-17 11:45:56 -05:00
parent 651c38afbf
commit 24e2b47ff1
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/carousel/carousel.css
View File

@@ -110,21 +110,21 @@
appearance: none;
}
.carousel__navigation-button--disabled {
.carousel__navigation-button-disabled {
opacity: 0.5;
cursor: not-allowed;
}
.carousel__navigation-button--disabled::part(base) {
.carousel__navigation-button-disabled::part(base) {
pointer-events: none;
}
.carousel__navigation-button--previous {
.carousel__navigation-button-previous {
grid-column: 1;
grid-row: 1;
}
.carousel__navigation-button--next {
.carousel__navigation-button-next {
grid-column: 3;
grid-row: 1;
}

16
src/components/carousel/carousel.test.ts
View File

@@ -330,7 +330,7 @@ describe('<wa-carousel>', () => {
</wa-carousel>
`);
const expectedSlides = el.querySelectorAll('.expected');
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button--next')!;
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button-next')!;
// Act
await clickOnElement(nextButton);
@@ -359,7 +359,7 @@ describe('<wa-carousel>', () => {
</wa-carousel>
`);
const expectedSlides = el.querySelectorAll('.expected');
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button--next')!;
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button-next')!;
// Act
await clickOnElement(nextButton);
@@ -506,7 +506,7 @@ describe('<wa-carousel>', () => {
<wa-carousel-item>Node 3</wa-carousel-item>
</wa-carousel>
`);
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button--next')!;
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button-next')!;
sandbox.stub(el, 'next');
await el.updateComplete;
@@ -529,7 +529,7 @@ describe('<wa-carousel>', () => {
<wa-carousel-item>Node 3</wa-carousel-item>
</wa-carousel>
`);
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button--next')!;
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button-next')!;
sandbox.stub(el, 'next');
el.goToSlide(2, 'auto');
@@ -556,7 +556,7 @@ describe('<wa-carousel>', () => {
<wa-carousel-item>Node 3</wa-carousel-item>
</wa-carousel>
`);
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button--next')!;
const nextButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button-next')!;
el.goToSlide(2, 'auto');
await oneEvent(el.scrollContainer, 'scrollend');
@@ -597,7 +597,7 @@ describe('<wa-carousel>', () => {
await oneEvent(el.scrollContainer, 'scrollend');
await el.updateComplete;
const previousButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button--previous')!;
const previousButton: HTMLElement = el.shadowRoot!.querySelector('.carousel__navigation-button-previous')!;
sandbox.stub(el, 'previous');
await el.updateComplete;
@@ -622,7 +622,7 @@ describe('<wa-carousel>', () => {
`);
const previousButton: HTMLElement = el.shadowRoot!.querySelector(
'.carousel__navigation-button--previous',
'.carousel__navigation-button-previous',
)!;
sandbox.stub(el, 'previous');
await el.updateComplete;
@@ -648,7 +648,7 @@ describe('<wa-carousel>', () => {
`);
const previousButton: HTMLElement = el.shadowRoot!.querySelector(
'.carousel__navigation-button--previous',
'.carousel__navigation-button-previous',
)!;
await el.updateComplete;