pgadmin4/web/regression/javascript/components/CodeMirror.spec.js

/////////////////////////////////////////////////////////////
//
// pgAdmin 4 - PostgreSQL Tools
//
// Copyright (C) 2013 - 2021, The pgAdmin Development Team
// This software is released under the PostgreSQL Licence
//
//////////////////////////////////////////////////////////////

import jasmineEnzyme from 'jasmine-enzyme';
import React from 'react';
import '../helper/enzyme.helper';
import {default as OrigCodeMirror} from 'bundled_codemirror';

import CodeMirror from 'sources/components/CodeMirror';
import { mount } from 'enzyme';

describe('CodeMirror', ()=>{
  let cmInstance, options={
      lineNumbers: true,
      mode: 'text/x-pgsql',
    }, cmObj = jasmine.createSpyObj('cmObj', {'setValue': ()=>{}, 'refresh': ()=>{}});
  beforeEach(()=>{
    jasmineEnzyme();
    spyOn(OrigCodeMirror, 'fromTextArea').and.returnValue(cmObj);
    cmInstance = mount(
      <CodeMirror
        value={'Init text'}
        isAsync={true}
        options={options}
        className="testClass"
      />);
  });

  it('init', ()=>{
    /* textarea ref passed to fromTextArea */
    expect(OrigCodeMirror.fromTextArea).toHaveBeenCalledWith(cmInstance.getDOMNode(), options);
    expect(cmObj.setValue).toHaveBeenCalledWith('Init text');
    expect(cmObj.refresh).toHaveBeenCalled();
  });

  it('change value', ()=>{
    cmInstance.setProps({value: 'the new text'});
    expect(cmObj.setValue).toHaveBeenCalledWith('the new text');
    expect(cmObj.refresh).toHaveBeenCalled();
  });
});