update snap

Author: belltalion

packages/components/src/components/Input/__tests__/__snapshots__/index.browser.test.tsx.snap

@@ -14,6 +14,20 @@ exports[`Controlled Input > should render with value 1`] = `
 </div>
 `;
 
+exports[`Input > shoue have class name when className prop is provided 1`] = `
+<div>
+  <div
+    class="test display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+  >
+    <input
+      aria-label="input"
+      class="test test color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 "
+      value=""
+    />
+  </div>
+</div>
+`;
+
 exports[`Input > should have typography when typography is provided 1`] = `
 <div>
   <div

packages/components/src/components/Input/__tests__/index.browser.test.tsx

@@ -11,6 +11,22 @@ describe('Input', () => {
     expect(container).toMatchSnapshot()
   })
 
+  it('shoue have class name when className prop is provided', () => {
+    const { container } = render(
+      <Input
+        className="test"
+        classNames={{
+          input: 'test',
+          container: 'test',
+          icon: 'test',
+          errorMessage: 'test',
+        }}
+      />,
+    )
+    expect(container).toMatchSnapshot()
+    expect(container.querySelector('[aria-label="input"]')).toHaveClass('test')
+  })
+
   it('should render with disabled prop', () => {
     const { container } = render(<Input disabled />)
     expect(container).toMatchSnapshot()