@zohodesk/dot/es/Image/__tests__/Image.spec.js

In this Library, we Provide Some Basic Components to Build Your Application

import React from 'react';
import { render } from "@testing-library/react";
import Image from "../Image.js";
describe('Image - ', () => {
  test('rendering the default props', () => {
    const {
      asFragment
    } = render( /*#__PURE__*/React.createElement(Image, null));
    expect(asFragment()).toMatchSnapshot();
  });
  test('checking  "isCover" is false', () => {
    const {
      asFragment
    } = render( /*#__PURE__*/React.createElement(Image, {
      src: "https://www.w3schools.com/images/lamp.jpg",
      alt: "Lamp",
      isCover: true
    }));
    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering "alt" and "src" value ', () => {
    const {
      asFragment
    } = render( /*#__PURE__*/React.createElement(Image, {
      src: "https://www.w3schools.com/images/lamp.jpg",
      alt: "Lamp"
    }));
    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering  "dataid" value', () => {
    const {
      asFragment
    } = render( /*#__PURE__*/React.createElement(Image, {
      src: "https://www.w3schools.com/images/lamp.jpg",
      alt: "Lamp",
      dataId: "imageData"
    }));
    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering "Original" value', () => {
    const {
      asFragment
    } = render( /*#__PURE__*/React.createElement(Image, {
      src: "https://www.w3schools.com/images/lamp.jpg",
      alt: "Lamp",
      original: "https://www.w3schools.com/images/lamp.jpg"
    }));
    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering "Id" value', () => {
    const {
      asFragment
    } = render( /*#__PURE__*/React.createElement(Image, {
      src: "https://www.w3schools.com/images/lamp.jpg",
      alt: "Lamp",
      htmlId: "test"
    }));
    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering "title" value', () => {
    const {
      asFragment
    } = render( /*#__PURE__*/React.createElement(Image, {
      src: "https://www.w3schools.com/images/lamp.jpg",
      alt: "Lamp",
      title: "ImageTest Value"
    }));
    expect(asFragment()).toMatchSnapshot();
  });
});