react-select-event - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

lib/index.d.ts

@@ -13,3 +13,3 @@ /** Simulate user events on react-select dropdowns */
  */
-export declare const create: (input: HTMLElement, option: string) => void;
+export declare const create: (input: HTMLElement, option: string) => Promise<void>;
 /**
@@ -27,3 +27,3 @@ * Utility for clearing the first value of a `react-select` dropdown.
     select: (input: HTMLElement, optionOrOptions: string | string[]) => Promise<void>;
-    create: (input: HTMLElement, option: string) => void;
+    create: (input: HTMLElement, option: string) => Promise<void>;
     clearFirst: (input: HTMLElement) => void;
@@ -30,0 +30,0 @@ clearAll: (input: HTMLElement) => void;

lib/react-select-event.cjs.js

@@ -54,3 +54,3 @@ 'use strict';
 
-const create = (input, option) => {
+const create = async (input, option) => {
   focus(input);
@@ -64,2 +64,3 @@ type(input, option); // hit Enter to add the item
   });
+  await dom.findByText(getReactSelectContainerFromInput(input), option);
 };
@@ -66,0 +67,0 @@ /**

lib/react-select-event.es.js

@@ -50,3 +50,3 @@ import { findByText, fireEvent, getByText } from '@testing-library/dom';
 
-const create = (input, option) => {
+const create = async (input, option) => {
   focus(input);
@@ -60,2 +60,3 @@ type(input, option); // hit Enter to add the item
   });
+  await findByText(getReactSelectContainerFromInput(input), option);
 };
@@ -62,0 +63,0 @@ /**

package.json

 {
   "name": "react-select-event",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Simulate react-select events for react-testing-library",
@@ -39,3 +39,3 @@ "main": "lib/react-select-event.cjs.js",
   "dependencies": {
-    "@testing-library/dom": "^5.5.2"
+    "@testing-library/dom": ">=5"
   },
@@ -50,3 +50,3 @@ "devDependencies": {
     "@testing-library/jest-dom": "^4.0.0",
-    "@testing-library/react": "^8.0.4",
+    "@testing-library/react": "^9.1.3",
     "@types/jest": "^24.0.13",
@@ -57,4 +57,4 @@ "@types/react": "^16.8.19",
     "prettier": "^1.17.1",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-select": "^2.4.3",
@@ -61,0 +61,0 @@ "rimraf": "^2.6.3",

README.md

@@ -63,2 +63,27 @@ <div align="center">
 
+This also works for [async selects](https://react-select.com/async):
+
+```jsx
+const { getByTestId, getByLabelText } = render(
+  <form data-testid="form">
+    <label htmlFor="food">Food</label>
+    <Async
+      options={[]}
+      loadOptions={fetchTheOptions}
+      name="food"
+      inputId="food"
+      isMulti
+    />
+  </form>
+);
+expect(getByTestId("form")).toHaveFormValues({ food: "" });
+
+// start typing to trigger the `loadOptions`
+fireEvent.change(getByLabelText("Food"), { target: { value: "Choc" } });
+await selectEvent.select(getByLabelText("Food"), "Chocolate");
+expect(getByTestId("form")).toHaveFormValues({
+  food: ["chocolate"]
+});
+```
+
 ### `create(input: HTMLElement, option: string): void`
@@ -65,0 +90,0 @@

src/index.ts

@@ -53,3 +53,3 @@ /** Simulate user events on react-select dropdowns */
  */
-export const create = (input: HTMLElement, option: string) => {
+export const create = async (input: HTMLElement, option: string) => {
   focus(input);
@@ -63,2 +63,3 @@ type(input, option);
   });
+  await findByText(getReactSelectContainerFromInput(input), option);
 };
@@ -65,0 +66,0 @@

No alert changes

Improved metrics

Total package byte prevSize

24883

15.69%

Lines of code

449

16.93%

Number of lines in readme file

157

18.94%

Dependency changes

• + Added

  @babel/code-frame@7.27.1
  (transitive)

• + Added

  @babel/helper-validator-identifier@7.27.1
  (transitive)

• + Added

  @testing-library/dom@10.4.0
  (transitive)

• + Added

  @types/aria-query@5.0.4
  (transitive)

• + Added

  ansi-regex@5.0.1
  (transitive)

• + Added

  ansi-styles@4.3.05.2.0
  (transitive)

• + Added

  aria-query@5.3.0
  (transitive)

• + Added

  chalk@4.1.2
  (transitive)

• + Added

  color-convert@2.0.1
  (transitive)

• + Added

  color-name@1.1.4
  (transitive)

• + Added

  dequal@2.0.3
  (transitive)

• + Added

  dom-accessibility-api@0.5.16
  (transitive)

• + Added

  has-flag@4.0.0
  (transitive)

• + Added

  js-tokens@4.0.0
  (transitive)

• + Added

  lz-string@1.5.0
  (transitive)

• + Added

  picocolors@1.1.1
  (transitive)

• + Added

  pretty-format@27.5.1
  (transitive)

• + Added

  react-is@17.0.2
  (transitive)

• + Added

  supports-color@7.2.0
  (transitive)

• - Removed

  @jest/types@24.9.0
  (transitive)

• - Removed

  @sheerun/mutationobserver-shim@0.3.3
  (transitive)

• - Removed

  @testing-library/dom@5.6.1
  (transitive)

• - Removed

  @types/istanbul-lib-coverage@2.0.6
  (transitive)

• - Removed

  @types/istanbul-lib-report@3.0.3
  (transitive)

• - Removed

  @types/istanbul-reports@1.1.2
  (transitive)

• - Removed

  @types/yargs@13.0.12
  (transitive)

• - Removed

  @types/yargs-parser@21.0.3
  (transitive)

• - Removed

  ansi-regex@4.1.1
  (transitive)

• - Removed

  ansi-styles@3.2.1
  (transitive)

• - Removed

  aria-query@3.0.0
  (transitive)

• - Removed

  ast-types-flow@0.0.7
  (transitive)

• - Removed

  color-convert@1.9.3
  (transitive)

• - Removed

  color-name@1.1.3
  (transitive)

• - Removed

  commander@2.20.3
  (transitive)

• - Removed

  pretty-format@24.9.0
  (transitive)

• - Removed

  react-is@16.13.1
  (transitive)

• - Removed

  wait-for-expect@1.3.0
  (transitive)

• Updated

  @testing-library/dom@>=5