@instructure/ui-form-field 9.2.1-snapshot-0 → 9.2.1-snapshot-2

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.2.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-0) (2024-07-09)
+## [9.2.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v9.2.0...v9.2.1-snapshot-2) (2024-07-10)
 
 **Note:** Version bump only for package @instructure/ui-form-field
 

package/README.md

@@ -4,8 +4,8 @@ category: packages
 
 ## ui-form-field
 
-[![npm][npm]][npm-url] 
-[![MIT License][license-badge]][license] 
+[![npm][npm]][npm-url]
+[![MIT License][license-badge]][license]
 [![Code of Conduct][coc-badge]][coc]
 
 Form layout components.

package/es/FormField/__new-tests__/FormField.test.js

@@ -25,10 +25,22 @@ var _FormField, _FormField2, _FormField3;
 
 import React from 'react';
 import { render, screen } from '@testing-library/react';
+import { vi } from 'vitest';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import '@testing-library/jest-dom';
 import { FormField } from '../index';
 describe('<FormField />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     render(_FormField || (_FormField = /*#__PURE__*/React.createElement(FormField, {
       label: "foo",

package/es/FormFieldGroup/__new-tests__/FormFieldGroup.test.js

@@ -25,10 +25,22 @@ var _FormFieldGroup, _label, _label2, _label3, _label4, _label5, _label6, _label
 
 import React from 'react';
 import { render, screen } from '@testing-library/react';
+import { vi } from 'vitest';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import '@testing-library/jest-dom';
 import { FormFieldGroup } from '../index';
 describe('<FormFieldGroup />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = render(_FormFieldGroup || (_FormFieldGroup = /*#__PURE__*/React.createElement(FormFieldGroup, {
         description: "Please enter your full name"

package/es/FormFieldLabel/__new-tests__/FormFieldLabel.test.js

@@ -25,10 +25,22 @@ var _FormFieldLabel, _FormFieldLabel2, _FormFieldLabel3;
 
 import React from 'react';
 import { render } from '@testing-library/react';
+import { vi } from 'vitest';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import '@testing-library/jest-dom';
 import { FormFieldLabel } from '../index';
 describe('<FormFieldLabel />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = render(_FormFieldLabel || (_FormFieldLabel = /*#__PURE__*/React.createElement(FormFieldLabel, null, "Foo"))),
       container = _render.container;

package/es/FormFieldLayout/__new-tests__/FormFieldLayout.test.js

@@ -25,10 +25,22 @@ var _FormFieldLayout, _FormFieldLayout2, _input;
 
 import React from 'react';
 import { render, screen } from '@testing-library/react';
+import { vi } from 'vitest';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import '@testing-library/jest-dom';
 import { FormFieldLayout } from '../index';
 describe('<FormFieldLayout />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = render(_FormFieldLayout || (_FormFieldLayout = /*#__PURE__*/React.createElement(FormFieldLayout, {
         label: "Username"
@@ -49,7 +61,7 @@ describe('<FormFieldLayout />', () => {
     expect(axeCheck).toBe(true);
   });
   it('should provide a ref to the input container', () => {
-    const inputContainerRef = jest.fn();
+    const inputContainerRef = vi.fn();
     render( /*#__PURE__*/React.createElement(FormFieldLayout, {
       label: "Username",
       inputContainerRef: inputContainerRef

package/es/FormFieldMessages/__new-tests__/FormFieldMessages.test.js

@@ -25,11 +25,23 @@ var _span;
 
 import React from 'react';
 import { render } from '@testing-library/react';
+import { vi } from 'vitest';
 import { runAxeCheck } from '@instructure/ui-axe-check';
 import { IconWarningLine } from '@instructure/ui-icons';
 import '@testing-library/jest-dom';
 import { FormFieldMessages } from '../index';
 describe('<FormFieldMessages />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const messages = [{
       text: 'Invalid name',

package/lib/FormField/__new-tests__/FormField.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 require("@testing-library/jest-dom");
 var _index = require("../index");
@@ -31,6 +32,17 @@ var _FormField, _FormField2, _FormField3;
  * SOFTWARE.
  */
 describe('<FormField />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     (0, _react2.render)(_FormField || (_FormField = /*#__PURE__*/_react.default.createElement(_index.FormField, {
       label: "foo",

package/lib/FormFieldGroup/__new-tests__/FormFieldGroup.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 require("@testing-library/jest-dom");
 var _index = require("../index");
@@ -31,6 +32,17 @@ var _FormFieldGroup, _label, _label2, _label3, _label4, _label5, _label6, _label
  * SOFTWARE.
  */
 describe('<FormFieldGroup />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = (0, _react2.render)(_FormFieldGroup || (_FormFieldGroup = /*#__PURE__*/_react.default.createElement(_index.FormFieldGroup, {
         description: "Please enter your full name"

package/lib/FormFieldLabel/__new-tests__/FormFieldLabel.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 require("@testing-library/jest-dom");
 var _index = require("../index");
@@ -31,6 +32,17 @@ var _FormFieldLabel, _FormFieldLabel2, _FormFieldLabel3;
  * SOFTWARE.
  */
 describe('<FormFieldLabel />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = (0, _react2.render)(_FormFieldLabel || (_FormFieldLabel = /*#__PURE__*/_react.default.createElement(_index.FormFieldLabel, null, "Foo"))),
       container = _render.container;

package/lib/FormFieldLayout/__new-tests__/FormFieldLayout.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 require("@testing-library/jest-dom");
 var _index = require("../index");
@@ -31,6 +32,17 @@ var _FormFieldLayout, _FormFieldLayout2, _input;
  * SOFTWARE.
  */
 describe('<FormFieldLayout />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const _render = (0, _react2.render)(_FormFieldLayout || (_FormFieldLayout = /*#__PURE__*/_react.default.createElement(_index.FormFieldLayout, {
         label: "Username"
@@ -51,7 +63,7 @@ describe('<FormFieldLayout />', () => {
     expect(axeCheck).toBe(true);
   });
   it('should provide a ref to the input container', () => {
-    const inputContainerRef = jest.fn();
+    const inputContainerRef = _vitest.vi.fn();
     (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.FormFieldLayout, {
       label: "Username",
       inputContainerRef: inputContainerRef

package/lib/FormFieldMessages/__new-tests__/FormFieldMessages.test.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
+var _vitest = require("vitest");
 var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
 var _IconWarningLine = require("@instructure/ui-icons/lib/IconWarningLine.js");
 require("@testing-library/jest-dom");
@@ -32,6 +33,17 @@ var _span;
  * SOFTWARE.
  */
 describe('<FormFieldMessages />', () => {
+  let consoleWarningMock;
+  let consoleErrorMock;
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
+    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
+  });
+  afterEach(() => {
+    consoleWarningMock.mockRestore();
+    consoleErrorMock.mockRestore();
+  });
   it('should render', () => {
     const messages = [{
       text: 'Invalid name',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-form-field",
-  "version": "9.2.1-snapshot-0",
+  "version": "9.2.1-snapshot-2",
   "description": "Form layout components.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,25 +23,26 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.2.1-snapshot-0",
-    "@instructure/ui-babel-preset": "9.2.1-snapshot-0",
-    "@instructure/ui-test-utils": "9.2.1-snapshot-0",
-    "@instructure/ui-themes": "9.2.1-snapshot-0",
+    "@instructure/ui-axe-check": "9.2.1-snapshot-2",
+    "@instructure/ui-babel-preset": "9.2.1-snapshot-2",
+    "@instructure/ui-test-utils": "9.2.1-snapshot-2",
+    "@instructure/ui-themes": "9.2.1-snapshot-2",
     "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^15.0.7"
+    "@testing-library/react": "^15.0.7",
+    "vitest": "^1.6.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.2.1-snapshot-0",
-    "@instructure/emotion": "9.2.1-snapshot-0",
-    "@instructure/shared-types": "9.2.1-snapshot-0",
-    "@instructure/ui-a11y-content": "9.2.1-snapshot-0",
-    "@instructure/ui-a11y-utils": "9.2.1-snapshot-0",
-    "@instructure/ui-grid": "9.2.1-snapshot-0",
-    "@instructure/ui-icons": "9.2.1-snapshot-0",
-    "@instructure/ui-react-utils": "9.2.1-snapshot-0",
-    "@instructure/ui-utils": "9.2.1-snapshot-0",
-    "@instructure/uid": "9.2.1-snapshot-0",
+    "@instructure/console": "9.2.1-snapshot-2",
+    "@instructure/emotion": "9.2.1-snapshot-2",
+    "@instructure/shared-types": "9.2.1-snapshot-2",
+    "@instructure/ui-a11y-content": "9.2.1-snapshot-2",
+    "@instructure/ui-a11y-utils": "9.2.1-snapshot-2",
+    "@instructure/ui-grid": "9.2.1-snapshot-2",
+    "@instructure/ui-icons": "9.2.1-snapshot-2",
+    "@instructure/ui-react-utils": "9.2.1-snapshot-2",
+    "@instructure/ui-utils": "9.2.1-snapshot-2",
+    "@instructure/uid": "9.2.1-snapshot-2",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/FormField/__new-tests__/FormField.test.tsx

@@ -24,12 +24,31 @@
 
 import React from 'react'
 import { render, screen } from '@testing-library/react'
+import { vi } from 'vitest'
 import { runAxeCheck } from '@instructure/ui-axe-check'
 import '@testing-library/jest-dom'
 
 import { FormField } from '../index'
 
 describe('<FormField />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     render(<FormField label="foo" id="bar" />)
     const formField = screen.getByText('foo').closest('label')

package/src/FormFieldGroup/__new-tests__/FormFieldGroup.test.tsx

@@ -24,6 +24,7 @@
 
 import React from 'react'
 import { render, screen } from '@testing-library/react'
+import { vi } from 'vitest'
 import { runAxeCheck } from '@instructure/ui-axe-check'
 import '@testing-library/jest-dom'
 
@@ -31,6 +32,24 @@ import { FormFieldGroup } from '../index'
 import { FormMessage } from '../../FormPropTypes'
 
 describe('<FormFieldGroup />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     const { container } = render(
       <FormFieldGroup description="Please enter your full name">

package/src/FormFieldLabel/__new-tests__/FormFieldLabel.test.tsx

@@ -24,12 +24,31 @@
 
 import React from 'react'
 import { render } from '@testing-library/react'
+import { vi } from 'vitest'
 import { runAxeCheck } from '@instructure/ui-axe-check'
 import '@testing-library/jest-dom'
 
 import { FormFieldLabel } from '../index'
 
 describe('<FormFieldLabel />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     const { container } = render(<FormFieldLabel>Foo</FormFieldLabel>)
 

package/src/FormFieldLayout/__new-tests__/FormFieldLayout.test.tsx

@@ -24,12 +24,31 @@
 
 import React from 'react'
 import { render, screen } from '@testing-library/react'
+import { vi } from 'vitest'
 import { runAxeCheck } from '@instructure/ui-axe-check'
 import '@testing-library/jest-dom'
 
 import { FormFieldLayout } from '../index'
 
 describe('<FormFieldLayout />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     const { container } = render(<FormFieldLayout label="Username" />)
 
@@ -54,7 +73,7 @@ describe('<FormFieldLayout />', () => {
   })
 
   it('should provide a ref to the input container', () => {
-    const inputContainerRef = jest.fn()
+    const inputContainerRef = vi.fn()
 
     render(
       <FormFieldLayout label="Username" inputContainerRef={inputContainerRef}>

package/src/FormFieldMessages/__new-tests__/FormFieldMessages.test.tsx

@@ -24,6 +24,7 @@
 
 import React from 'react'
 import { render } from '@testing-library/react'
+import { vi } from 'vitest'
 import { runAxeCheck } from '@instructure/ui-axe-check'
 import { IconWarningLine } from '@instructure/ui-icons'
 import '@testing-library/jest-dom'
@@ -32,6 +33,24 @@ import { FormFieldMessages } from '../index'
 import { FormMessage } from '../../FormPropTypes'
 
 describe('<FormFieldMessages />', () => {
+  let consoleWarningMock: ReturnType<typeof vi.spyOn>
+  let consoleErrorMock: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    // Mocking console to prevent test output pollution and expect for messages
+    consoleWarningMock = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => {}) as any
+    consoleErrorMock = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => {}) as any
+  })
+
+  afterEach(() => {
+    consoleWarningMock.mockRestore()
+    consoleErrorMock.mockRestore()
+  })
+
   it('should render', () => {
     const messages: FormMessage[] = [
       { text: 'Invalid name', type: 'error' },