more jest config; more tests

Author: benkeen

NOTES.md

@@ -1,3 +1,4 @@
 Notes for next 4.x release.
 
 - Minimum react version updated to 16.8.0 (hooks)
+- typings now permit any native props on <select> fields

config/jest-setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

jest.config.js

@@ -31,26 +31,10 @@ const config = {
   // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
   // modulePathIgnorePatterns: [],
 
-  // Activates notifications for test results
-  // notify: false,
-
-  // An enum that specifies notification mode. Requires { notify: true }
-  // notifyMode: "failure-change",
-
-  // Reset the module registry before running each individual test
-  // resetModules: false,
-
-  // A path to a custom resolver
-  // resolver: undefined,
-
-  // Allows you to use a custom runner instead of Jest's default test runner
-  // runner: "jest-runner",
-
   // The paths to modules that run some code to configure or set up the testing environment before each test
   // setupFiles: [],
 
-  // A list of paths to modules that run some code to configure or set up the testing framework before each test
-  // setupFilesAfterEnv: [],
+  setupFilesAfterEnv: ['<rootDir>/config/jest-setup.js'],
 
   // The number of seconds after which a test is considered as slow and reported as such in the results.
   // slowTestThreshold: 5,

package.json

@@ -51,6 +51,7 @@
     "@rollup/plugin-typescript": "^12.1.1",
     "@testing-library/react": "^16.0.1",
     "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@types/jest": "^29.5.14"
   },
   "files": [

src/RegionDropdown.tsx

@@ -1,5 +1,5 @@
 import { FC, useMemo } from 'react';
-import CountryRegionData from 'country-region-data/data.json';
+import CountryRegionData from '../node_modules/country-region-data/data.json';
 import { filterRegions } from './helpers';
 import * as C from './constants';
 import type { RegionDropdownProps } from './rcrs.types';
@@ -31,24 +31,24 @@ export const RegionDropdown: FC<RegionDropdownProps> = ({
     }
 
     const searchIndex = countryValueType === 'full' ? 0 : 1;
-    let regionArray = [];
+    let regionArray: any = [];
     CountryRegionData.forEach((i) => {
       if (i[searchIndex] === country) {
-        // regionArray = i;
+        regionArray = i;
       }
     });
 
     // this could happen if the user is managing the state of the region/country themselves and screws up passing
     // in a valid country
-    if (!regions || regions.length === 0) {
+    if (!regionArray || regionArray.length === 0) {
       console.error(
         'Error. Unknown country passed: ' +
           country +
           '. If you\'re passing a country shortcode, be sure to include countryValueType="short" on the RegionDropdown'
       );
       return [];
     }
-    const filteredRegions = filterRegions(regions, whitelist, blacklist);
+    const filteredRegions = filterRegions(regionArray, whitelist, blacklist);
 
     return filteredRegions[2]
       .split(C.REGION_LIST_DELIMITER)