javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

lint(): run prettier on feature-6.1

Browse Source
This commit is contained in:
Liam DeBeasi
2022-04-04 19:38:08 +00:00
parent d737f7074d
commit 2ebb94ba01
46 changed files with 1682 additions and 1639 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
core/src/utils/content/content.utils.spec.ts
View File

@ -1,45 +1,47 @@
import { scrollToTop, scrollByPoint, printIonContentErrorMsg, findClosestIonContent, findIonContent, getScrollElement } from './index';
import {
scrollToTop,
scrollByPoint,
printIonContentErrorMsg,
findClosestIonContent,
findIonContent,
getScrollElement,
} from './index';
describe('Content Utils', () => {
describe('getScrollElement', () => {
it('should return the scroll element for ion-content', async () => {
const res = await getScrollElement({
tagName: 'ION-CONTENT',
getScrollElement: () => Promise.resolve({
tagName: 'my-scroll-element'
})
getScrollElement: () =>
Promise.resolve({
tagName: 'my-scroll-element',
}),
} as any);
expect(res).toStrictEqual({
tagName: 'my-scroll-element'
tagName: 'my-scroll-element',
});
});
});
describe('findIonContent', () => {
it('should query the ion-content element', () => {
const querySelectorMock = jest.fn();
findIonContent({
querySelector: querySelectorMock
querySelector: querySelectorMock,
} as any);
expect(querySelectorMock).toHaveBeenCalledWith('ion-content, .ion-content-scroll-host');
});
});
describe('findClosestIonContent', () => {
it('should query the closest ion-content', () => {
const closestMock = jest.fn();
findClosestIonContent({
closest: closestMock
closest: closestMock,
} as any);
expect(closestMock).toHaveBeenCalledWith('ion-content, .ion-content-scroll-host');
@ -47,16 +49,17 @@ describe('Content Utils', () => {
});
describe('scrollToTop', () => {
describe('scroll duration is 0', () => {
it('should call scrollToTop when the tag name is ion-content', () => {
const scrollToTopMock = jest.fn();
scrollToTop({
tagName: 'ION-CONTENT',
scrollToTop: scrollToTopMock
} as any, 0);
scrollToTop(
{
tagName: 'ION-CONTENT',
scrollToTop: scrollToTopMock,
} as any,
0
);
expect(scrollToTopMock).toHaveBeenCalledWith(0);
});
@ -64,29 +67,33 @@ describe('Content Utils', () => {
it('should call the element scrollTo when the tag name is not ion-content', async () => {
const scrollToMock = jest.fn();
await scrollToTop({
tagName: 'DIV',
scrollTo: scrollToMock
} as any, 0);
await scrollToTop(
{
tagName: 'DIV',
scrollTo: scrollToMock,
} as any,
0
);
expect(scrollToMock).toHaveBeenCalledWith({
top: 0,
left: 0,
behavior: 'auto'
behavior: 'auto',
});
});
});
describe('scroll duration is greater than 0', () => {
it('should smooth scroll ion-content', () => {
const scrollToTopMock = jest.fn();
scrollToTop({
tagName: 'ION-CONTENT',
scrollToTop: scrollToTopMock
} as any, 300);
scrollToTop(
{
tagName: 'ION-CONTENT',
scrollToTop: scrollToTopMock,
} as any,
300
);
expect(scrollToTopMock).toHaveBeenCalledWith(300);
});
@ -94,33 +101,37 @@ describe('Content Utils', () => {
it('should smooth scroll the element', async () => {
const scrollToMock = jest.fn();
await scrollToTop({
tagName: 'DIV',
scrollTo: scrollToMock
} as any, 300);
await scrollToTop(
{
tagName: 'DIV',
scrollTo: scrollToMock,
} as any,
300
);
expect(scrollToMock).toHaveBeenCalledWith({
top: 0,
left: 0,
behavior: 'smooth'
behavior: 'smooth',
});
});
});
});
describe('scrollByPoint', () => {
describe('scroll duration is 0', () => {
it('should call scrollByPoint when the tag name is ion-content', async () => {
const scrollByPointMock = jest.fn();
await scrollByPoint({
tagName: 'ION-CONTENT',
scrollByPoint: scrollByPointMock
} as any, 10, 15, 0);
await scrollByPoint(
{
tagName: 'ION-CONTENT',
scrollByPoint: scrollByPointMock,
} as any,
10,
15,
0
);
expect(scrollByPointMock).toHaveBeenCalledWith(10, 15, 0);
});
@ -128,29 +139,37 @@ describe('Content Utils', () => {
it('should call the element scrollBy when the tag name is not ion-content', async () => {
const scrollByMock = jest.fn();
await scrollByPoint({
tagName: 'DIV',
scrollBy: scrollByMock
} as any, 10, 15, 0);
await scrollByPoint(
{
tagName: 'DIV',
scrollBy: scrollByMock,
} as any,
10,
15,
0
);
expect(scrollByMock).toHaveBeenCalledWith({
top: 15,
left: 10,
behavior: 'auto'
behavior: 'auto',
});
});
});
describe('scroll duration is greater than 0', () => {
it('should smooth scroll ion-content', async () => {
const scrollByPointMock = jest.fn();
await scrollByPoint({
tagName: 'ION-CONTENT',
scrollByPoint: scrollByPointMock
} as any, 10, 15, 300);
await scrollByPoint(
{
tagName: 'ION-CONTENT',
scrollByPoint: scrollByPointMock,
} as any,
10,
15,
300
);
expect(scrollByPointMock).toHaveBeenCalledWith(10, 15, 300);
});
@ -158,32 +177,34 @@ describe('Content Utils', () => {
it('should smooth scroll the element', async () => {
const scrollByMock = jest.fn();
await scrollByPoint({
tagName: 'DIV',
scrollBy: scrollByMock
} as any, 10, 15, 300);
await scrollByPoint(
{
tagName: 'DIV',
scrollBy: scrollByMock,
} as any,
10,
15,
300
);
expect(scrollByMock).toHaveBeenCalledWith({
top: 15,
left: 10,
behavior: 'smooth'
behavior: 'smooth',
});
});
});
});
it('printIonContentErrorMsg should display "<my-el> must be used inside ion-content."', () => {
const consoleErrorMock = jest.spyOn(console, 'error').mockImplementation();
printIonContentErrorMsg({
tagName: 'MY-EL'
tagName: 'MY-EL',
} as any);
expect(consoleErrorMock).toHaveBeenCalledWith('<my-el> must be used inside ion-content.');
consoleErrorMock.mockRestore();
});
});