Ggtcf

What can we do to stop prior company from asking us questions?

What makes a siege story/plot interesting?

How to make a software documentation "officially" citable?

Horror movie/show or scene where a horse creature opens its mouth really wide and devours a man in a stables

% symbol leads to superlong (forever?) compilations

I believe this to be a fraud - hired, then asked to cash check and send cash as Bitcoin

How easy is it to start Magic from scratch?

How do I solve this limit?

How to use tikz in fbox?

Why do professional authors make "consistency" mistakes? And how to avoid them?

How long to clear the 'suck zone' of a turbofan after start is initiated?

Anatomically Correct Strange Women In Ponds Distributing Swords

Why is there a PLL in CPU?

Why here is plural "We went to the movies last night."

Unreliable Magic - Is it worth it?

What's the point of interval inversion?

Why did we only see the N-1 starfighters in one film?

Can I equip Skullclamp on a creature I am sacrificing?

Why does standard notation not preserve intervals (visually)

What happens if you roll doubles 3 times then land on "Go to jail?"

Which organization defines CJK Unified Ideographs?

If I blow insulation everywhere in my attic except the door trap, will heat escape through it?

Why does C# sound extremely flat when saxophone is tuned to G?

Example of a Mathematician/Physicist whose Other Publications during their PhD eclipsed their PhD Thesis

Jest + Enzyme React Testing ignores input with maxLength attribute

0

I am new to jest and enzyme, and I want to test my React components with it. The Problem is, that Enzyme seems to ignore attributes, such as disabled, or maxLength. To be specific, I wrote a component called TextInput the props disabled, value, maxLength, ... get directly mapped into an <input type=text /> field.



When I now test it like:

test('empty TextInput change with maxLength', () => 
 const wrapper = setup(
 maxLength: 10
 );
 wrapper.find('input').simulate('change', 
 preventDefault () ,
 target: 
 value: 'New Text Content',
 maxLength: 10
 
 );
 expect(wrapper.state().value).toEqual('New Text C');
 );

The test fails, because the value is New Text Content, but when I log the state in the Browser, the value is New Text C



What am I doing wrong? Please help.


Here is the setup function if anyone needs it.

import React from 'react';
import TextInput from './TextInput.js';
import Enzyme, shallow from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure(
 adapter: new Adapter()
);

const setup = propOverrides => 
 const props = Object.assign(
 
 id: 'test',
 label: 'Textinput test'
 ,
 propOverrides
 );

 const wrapper = shallow(<TextInput ...props />);

 return 
 props,
 wrapper
 ;
;

unit-testing jestjs enzyme

share|improve this question

asked Mar 8 at 13:13

S.BabovicS.Babovic

141112

add a comment | 

0

I am new to jest and enzyme, and I want to test my React components with it. The Problem is, that Enzyme seems to ignore attributes, such as disabled, or maxLength. To be specific, I wrote a component called TextInput the props disabled, value, maxLength, ... get directly mapped into an <input type=text /> field.



When I now test it like:

test('empty TextInput change with maxLength', () => 
 const wrapper = setup(
 maxLength: 10
 );
 wrapper.find('input').simulate('change', 
 preventDefault () ,
 target: 
 value: 'New Text Content',
 maxLength: 10
 
 );
 expect(wrapper.state().value).toEqual('New Text C');
 );

The test fails, because the value is New Text Content, but when I log the state in the Browser, the value is New Text C



What am I doing wrong? Please help.


Here is the setup function if anyone needs it.

import React from 'react';
import TextInput from './TextInput.js';
import Enzyme, shallow from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure(
 adapter: new Adapter()
);

const setup = propOverrides => 
 const props = Object.assign(
 
 id: 'test',
 label: 'Textinput test'
 ,
 propOverrides
 );

 const wrapper = shallow(<TextInput ...props />);

 return 
 props,
 wrapper
 ;
;

unit-testing jestjs enzyme

share|improve this question

asked Mar 8 at 13:13

S.BabovicS.Babovic

141112

add a comment | 

I am new to jest and enzyme, and I want to test my React components with it. The Problem is, that Enzyme seems to ignore attributes, such as disabled, or maxLength. To be specific, I wrote a component called TextInput the props disabled, value, maxLength, ... get directly mapped into an <input type=text /> field.



When I now test it like:

test('empty TextInput change with maxLength', () => 
 const wrapper = setup(
 maxLength: 10
 );
 wrapper.find('input').simulate('change', 
 preventDefault () ,
 target: 
 value: 'New Text Content',
 maxLength: 10
 
 );
 expect(wrapper.state().value).toEqual('New Text C');
 );

The test fails, because the value is New Text Content, but when I log the state in the Browser, the value is New Text C



What am I doing wrong? Please help.


Here is the setup function if anyone needs it.

import React from 'react';
import TextInput from './TextInput.js';
import Enzyme, shallow from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure(
 adapter: new Adapter()
);

const setup = propOverrides => 
 const props = Object.assign(
 
 id: 'test',
 label: 'Textinput test'
 ,
 propOverrides
 );

 const wrapper = shallow(<TextInput ...props />);

 return 
 props,
 wrapper
 ;
;

unit-testing jestjs enzyme

share|improve this question

asked Mar 8 at 13:13

S.BabovicS.Babovic

141112

test('empty TextInput change with maxLength', () => 
 const wrapper = setup(
 maxLength: 10
 );
 wrapper.find('input').simulate('change', 
 preventDefault () ,
 target: 
 value: 'New Text Content',
 maxLength: 10
 
 );
 expect(wrapper.state().value).toEqual('New Text C');
 );

import React from 'react';
import TextInput from './TextInput.js';
import Enzyme, shallow from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure(
 adapter: new Adapter()
);

const setup = propOverrides => 
 const props = Object.assign(
 
 id: 'test',
 label: 'Textinput test'
 ,
 propOverrides
 );

 const wrapper = shallow(<TextInput ...props />);

 return 
 props,
 wrapper
 ;
;

share|improve this question

asked Mar 8 at 13:13

S.BabovicS.Babovic

141112

share|improve this question

asked Mar 8 at 13:13

S.BabovicS.Babovic

141112

asked Mar 8 at 13:13

S.BabovicS.Babovic

141112

asked Mar 8 at 13:13

S.BabovicS.Babovic

141112