Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/@buffetjs/styles/src/components/Button/tests/   drwxr-xr-x
Free 13.17 GB of 57.97 GB (22.73%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.test.js (3.19 KB)      -rw-r--r--

import React from 'react';
import { mount } from 'enzyme';
import { enzymeFind } from 'styled-components/test-utils';
import renderer from 'react-test-renderer';
import 'jest-styled-components';

import Button from '../index';
import colors from '../../../assets/styles/colors';

describe('<Button />', () => {
  describe('<Button /> attributes', () => {
    it('should render an <button> tag', () => {
      const wrapper = mount(<Button />);
      const renderedComponent = enzymeFind(wrapper, Button);
      expect(renderedComponent.type()).toEqual('button');
    });

    it('should have a className attribute', () => {
      const wrapper = mount(<Button />);
      const renderedComponent = enzymeFind(wrapper, Button);
      expect(renderedComponent.prop('className')).toBeDefined();
    });

    it('should adopt a valid attribute', () => {
      const id = 'test';
      const wrapper = mount(<Button id={id} />);
      const renderedComponent = enzymeFind(wrapper, Button);
      expect(renderedComponent.prop('id')).toEqual(id);
    });

    it('should not adopt an invalid attribute', () => {
      const wrapper = mount(<Button attribute="test" />);
      const renderedComponent = enzymeFind(wrapper, Button);
      expect(renderedComponent.prop('attribute')).toBeUndefined();
    });

    it('should adopt a default type button', () => {
      const wrapper = mount(<Button />);
      const renderedComponent = enzymeFind(wrapper, Button);
      expect(renderedComponent.prop('type')).toEqual('button');
    });

    it('should adopt a type submit', () => {
      const wrapper = mount(<Button type="submit" />);
      const renderedComponent = enzymeFind(wrapper, Button);
      expect(renderedComponent.prop('type')).toEqual('submit');
    });
  });

  describe('<Button /> icons', () => {
    it('should render the add icon', () => {
      const tree = renderer.create(<Button icon="add" />).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it('should render a custom icon', () => {
      const tree = renderer.create(<Button icon={<p>Icon</p>} />).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it('should render the add trash', () => {
      const tree = renderer.create(<Button icon="trash" />).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it('should render the primary style', () => {
      const tree = renderer.create(<Button color="primary" />).toJSON();
      expect(tree).toHaveStyleRule('color', colors.white);
    });

    it('should render the secondary style', () => {
      const tree = renderer.create(<Button color="secondary" />).toJSON();
      expect(tree).toHaveStyleRule('color', colors.blue);
    });

    it('should render the cancel style', () => {
      const tree = renderer.create(<Button color="cancel" />).toJSON();
      expect(tree).toHaveStyleRule('color', colors.brightGrey);
    });

    it('should render the success style', () => {
      const tree = renderer.create(<Button color="success" />).toJSON();
      expect(tree).toHaveStyleRule('color', colors.white);
    });

    it('should render the delete style', () => {
      const tree = renderer.create(<Button color="delete" />).toJSON();
      expect(tree).toHaveStyleRule('color', colors.white);
    });
  });
});