fix: spread should not traverse children elements

[AlbertLucianto]

Should fix #244

Sorry for the bug. When traversing the spread attributes, an element traverses spread attributes in children elements as well. This fix simply changes the traversal into a simple loop. I also add a test case for this one.

[gajus]

🎉 This PR is included in version 5.2.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[tsnieman]

EDIT: errr, might've had a bug in my own code. Sorry for the noise :( 👎 Thanks again for the work on this feature, it's awesome ❤️

@AlbertLucianto Wonderful work on #243! I understand the reasoning behind #245 here as well, though it would be nice if children traversal worked in the same file when spreading on children, like such:

  return (
    <div
      {...wrapperProps}
      styleName="wrapper"
    >
      <SingleLineInput
        {...otherProps}
        styleName="input"
      />

      <div styleName="icon-wrapper">
        <Icon icon="search" />
      </div>
    </div>
  );