[core-elements] Container 유닛 테스트 추가

[drakang4]

설명

jest, babel 컨픽 수정
Container 유닛 테스트 추가

변경 내역 및 배경

• 구버전에 여러 버그가 있어서 styled-components, jest 관련 패키지 버전을 최신 버전으로 업데이트 합니다.
• babel-jest를 추가합니다.
• jest.config.js에"testEnvironment": "jsdom" 컨픽 추가 https://jestjs.io/blog/2021/05/25/jest-27#flipping-defaults
• jest-styled-components를 추가합니다.
• babel config에 jest-styled-components 이슈 우회에 필요한 컨픽을 추가합니다. v7.0.0 No Styles found on passed Component styled-components/jest-styled-components#294 (comment)
• babel config에서 preset, plugin 이름에 prefix를 추가합니다: By default, Babel expects plugins to have a babel-plugin- or babel-preset- prefix in their name https://babeljs.io/docs/en/options#name-normalization
• Container의 유닛 테스트를 추가합니다.
• userSelect mixin의 css 오타를 수정합니다.
• clearing mixin의 after 가상 엘리먼트에 콜론을 두개로 수정합니다. https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements#%EA%B5%AC%EB%AC%B8

사용 및 테스트 방법

CI 패스

이 PR의 유형

• 버그 또는 사소한 수정

---

prettier 이상한 이유 보는 중

[giwan-dev]

👍 👍 👍 👍