Integrate Prettier in to Stylelint and ESLint
This commit is contained in:
@@ -1,46 +1,46 @@
|
||||
import Image from './image';
|
||||
import Image from "./image";
|
||||
|
||||
const imageHtml = `
|
||||
<img class="image" src="foo.jpg"></img>
|
||||
<img class="disabled-image" data-load-transition="false" src="foo.jpg"></img>
|
||||
`;
|
||||
|
||||
describe('Image', () => {
|
||||
describe("Image", () => {
|
||||
let image;
|
||||
let disabledImage;
|
||||
|
||||
beforeEach(() => {
|
||||
document.body.innerHTML = imageHtml;
|
||||
image = document.querySelector('.image');
|
||||
disabledImage = document.querySelector('.disabled-image');
|
||||
image = document.querySelector(".image");
|
||||
disabledImage = document.querySelector(".disabled-image");
|
||||
});
|
||||
|
||||
it('Should initialize', () => {
|
||||
it("Should initialize", () => {
|
||||
const img = new Image(image);
|
||||
expect(img).toBeInstanceOf(Image);
|
||||
});
|
||||
|
||||
it('Should store a reference to the image element', () => {
|
||||
it("Should store a reference to the image element", () => {
|
||||
const img = new Image(image);
|
||||
expect(img.image).toBe(image);
|
||||
});
|
||||
|
||||
test('fadeIn should set the element opacity to 1', () => {
|
||||
test("fadeIn should set the element opacity to 1", () => {
|
||||
const img = new Image(image);
|
||||
img.fadeIn();
|
||||
expect(img.image.style.opacity).toBe('1');
|
||||
expect(img.image.style.opacity).toBe("1");
|
||||
});
|
||||
|
||||
test('start should set the element opacity to 0', () => {
|
||||
test("start should set the element opacity to 0", () => {
|
||||
const img = new Image(image);
|
||||
img.start();
|
||||
expect(img.image.style.opacity).toBe('0');
|
||||
expect(img.image.style.opacity).toBe("0");
|
||||
});
|
||||
|
||||
test('start should call fadeIn when image has already loaded', () => {
|
||||
test("start should call fadeIn when image has already loaded", () => {
|
||||
const img = new Image(image);
|
||||
img.fadeIn = jest.fn();
|
||||
Object.defineProperty(img.image, 'complete', {
|
||||
Object.defineProperty(img.image, "complete", {
|
||||
value: true,
|
||||
writable: false,
|
||||
});
|
||||
@@ -48,10 +48,10 @@ describe('Image', () => {
|
||||
expect(img.fadeIn).toHaveBeenCalledTimes(1);
|
||||
});
|
||||
|
||||
test('start should call attachLoadedEvent if image has not yet loaded', () => {
|
||||
test("start should call attachLoadedEvent if image has not yet loaded", () => {
|
||||
const img = new Image(image);
|
||||
img.attachLoadedEvent = jest.fn();
|
||||
Object.defineProperty(img.image, 'complete', {
|
||||
Object.defineProperty(img.image, "complete", {
|
||||
value: false,
|
||||
writable: false,
|
||||
});
|
||||
@@ -59,7 +59,7 @@ describe('Image', () => {
|
||||
expect(img.attachLoadedEvent).toHaveBeenCalledTimes(1);
|
||||
});
|
||||
|
||||
test('start should do nothing if data-load-transition=false', () => {
|
||||
test("start should do nothing if data-load-transition=false", () => {
|
||||
const img = new Image(disabledImage);
|
||||
img.attachLoadedEvent = jest.fn();
|
||||
img.start();
|
||||
|
||||
Reference in New Issue
Block a user