External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-18 01:17:35 -02:30
Code Issues Packages Projects Releases Wiki Activity

upgrade patternfly to latest, update tests

Browse Source
This commit is contained in:
Keith Grant
2019-10-28 15:59:47 -07:00
parent bbbacd62ae
commit da7baced50
8 changed files with 549 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
awx/ui_next/package-lock.json generated
View File

@@ -1186,16 +1186,16 @@
"integrity": "sha512-rLu3wcBWH4P5q1CGoSSH/i9hrXs7SlbRLkoq9IGuoPYNGQvDJ3pt/wmOM+XgYjIDRMVIdkUWt0RsfzF50JfnCw==" "integrity": "sha512-rLu3wcBWH4P5q1CGoSSH/i9hrXs7SlbRLkoq9IGuoPYNGQvDJ3pt/wmOM+XgYjIDRMVIdkUWt0RsfzF50JfnCw=="
}, },
"@fortawesome/fontawesome-common-types": { "@fortawesome/fontawesome-common-types": {
"version": "0.2.22", "version": "0.2.25",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.22.tgz", "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.25.tgz",
"integrity": "sha512-QmEuZsipX5/cR9JOg0fsTN4Yr/9lieYWM8AQpmRa0eIfeOcl/HLYoEa366BCGRSrgNJEexuvOgbq9jnJ22IY5g==" "integrity": "sha512-3RuZPDuuPELd7RXtUqTCfed14fcny9UiPOkdr2i+cYxBoTOfQgxcDoq77fHiiHcgWuo1LoBUpvGxFF1H/y7s3Q=="
}, },
"@fortawesome/free-brands-svg-icons": { "@fortawesome/free-brands-svg-icons": {
"version": "5.10.2", "version": "5.11.2",
"resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.10.2.tgz", "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.11.2.tgz",
"integrity": "sha512-r5Dxr2h8f9bEI7F/gj/2v1OX9S6DMif9ZKR2VFQCSXHwahojLlOWnFILYsrjhzOISESkh6WDL9IOdkdbKM7KPw==", "integrity": "sha512-wKK5znpHiZ2S0VgOvbeAnYuzkk3H86rxWajD9PVpfBj3s/kySEWTFKh/uLPyxiTOx8Tsd0OGN4En/s9XudVHLQ==",
"requires": { "requires": {
"@fortawesome/fontawesome-common-types": "^0.2.22" "@fortawesome/fontawesome-common-types": "^0.2.25"
} }
}, },
"@jest/console": { "@jest/console": {
@@ -1787,51 +1787,43 @@
"dev": true "dev": true
}, },
"@patternfly/patternfly": { "@patternfly/patternfly": {
"version": "2.27.0", "version": "2.40.2",
"resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-2.27.0.tgz", "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-2.40.2.tgz",
"integrity": "sha512-sYSKUG3PL1KNKVw6bhijur0fS2pgfxWFmLCedxXaECt4KdKcg6rGvInzQnyGiQhWMVZBbWxFCWvBxBIr7L8ilA==" "integrity": "sha512-KCPQ6EL39xJen/B67MGv56i3h6bU5l7FD6f5IYU30z+ed2gM8zAYI3mPKNV05TMJv6+EQfp6O7dqCM3PJ8Q1yw=="
}, },
"@patternfly/react-core": { "@patternfly/react-core": {
"version": "3.87.3", "version": "3.120.2",
"resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-3.87.3.tgz", "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-3.120.2.tgz",
"integrity": "sha512-5kcuOIucqtnmGKjV13gRHEcU31AbNXNiNX3yhEhdeuG4gH00gFyUAxim3fkbYnR4OtGdU2MLvVOjoMfYj62rBQ==", "integrity": "sha512-PgV5w+3NlXK7hKvu0YY1pjXgd56dLwbIWE4m72JstxJIp/vpRShB6bfiSYNQGVi2ZQUudQTSH5sVWaBqXUaquw==",
"requires": { "requires": {
"@patternfly/react-icons": "^3.10.17", "@patternfly/react-icons": "^3.14.15",
"@patternfly/react-styles": "^3.5.13", "@patternfly/react-styles": "^3.6.2",
"@patternfly/react-tokens": "^2.6.16", "@patternfly/react-tokens": "^2.7.2",
"emotion": "^9.2.9", "emotion": "^9.2.9",
"exenv": "^1.2.2", "exenv": "^1.2.2",
"focus-trap-react": "^4.0.1", "focus-trap-react": "^4.0.1",
"tippy.js": "3.4.1" "tippy.js": "3.4.1"
}, },
"dependencies": { "dependencies": {
"@patternfly/react-icons": {
"version": "3.12.0",
"resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-3.12.0.tgz",
"integrity": "sha512-45nP1m4La/LusrKVQNwkyZV3mqAJWhYgMce2+0VewAJ5ts4ygUJYzXR1vZQk09E8gTBCHMEdq0Af1xywwluHFg==",
"requires": {
"@fortawesome/free-brands-svg-icons": "^5.8.1"
}
},
"@patternfly/react-tokens": { "@patternfly/react-tokens": {
"version": "2.6.16", "version": "2.7.2",
"resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-2.6.16.tgz", "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-2.7.2.tgz",
"integrity": "sha512-dhr4ne4thSmSKBr4anV07KSzUXEs6KpCMDxxNiwrgFdZwNHtyNcaPc+F9pQZ5A0n4qYmMLpCrprb7m5o/83riQ==" "integrity": "sha512-3QslQUErDLXGTzp2iGQNJD1UjZ+1NqwavOlsbxACUZ6LjXyJ7Y4TZbxDQrpgzPsD1SFPEVWufzpdjjtRBZ/b7g=="
} }
} }
}, },
"@patternfly/react-icons": { "@patternfly/react-icons": {
"version": "3.12.0", "version": "3.14.15",
"resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-3.12.0.tgz", "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-3.14.15.tgz",
"integrity": "sha512-45nP1m4La/LusrKVQNwkyZV3mqAJWhYgMce2+0VewAJ5ts4ygUJYzXR1vZQk09E8gTBCHMEdq0Af1xywwluHFg==", "integrity": "sha512-7mIr1nzAXu6CdxKnhJGggIghx3DCaFXv6an+mfP/IwWifsLhcpE1c0iYkmVkvlI9X4cQAzeg9VfEGR7quhPOlA==",
"requires": { "requires": {
"@fortawesome/free-brands-svg-icons": "^5.8.1" "@fortawesome/free-brands-svg-icons": "^5.8.1"
} }
}, },
"@patternfly/react-styles": { "@patternfly/react-styles": {
"version": "3.5.13", "version": "3.6.2",
"resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-3.5.13.tgz", "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-3.6.2.tgz",
"integrity": "sha512-aiyOp/n4cMxWhNmokG9EAFt06YmWDi3EdGfa5gyjYRwABGLUhyHo2r7kBqT3xxw0bLcOYDTPU94SaH63uAaRag==", "integrity": "sha512-WRXPC1R/qL+i/ANnrA0nEe6CcLHLZJIKWzSJ4gS2h9VdHvKySEdIlk9EtAZ0dNkv3whANjaKlR/n2/uFuXlzyw==",
"requires": { "requires": {
"@babel/helper-plugin-utils": "^7.0.0-beta.48", "@babel/helper-plugin-utils": "^7.0.0-beta.48",
"camel-case": "^3.0.0", "camel-case": "^3.0.0",
@@ -1849,17 +1841,24 @@
}, },
"dependencies": { "dependencies": {
"acorn": { "acorn": {
"version": "6.3.0", "version": "7.1.0",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz", "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.0.tgz",
"integrity": "sha512-/czfa8BwS88b9gWQVhc8eknunSA2DoJpJyTQkhheIf5E48u1N0R4q/YxxsAeqRrmK9TQ/uYfgLDfZo91UlANIA==" "integrity": "sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ=="
}, },
"acorn-globals": { "acorn-globals": {
"version": "4.3.3", "version": "4.3.4",
"resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-4.3.3.tgz", "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-4.3.4.tgz",
"integrity": "sha512-vkR40VwS2SYO98AIeFvzWWh+xyc2qi9s7OoXSFEGIP/rOJKzjnhykaZJNnHdoq4BL2gGxI5EZOU16z896EYnOQ==", "integrity": "sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==",
"requires": { "requires": {
"acorn": "^6.0.1", "acorn": "^6.0.1",
"acorn-walk": "^6.0.1" "acorn-walk": "^6.0.1"
},
"dependencies": {
"acorn": {
"version": "6.3.0",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz",
"integrity": "sha512-/czfa8BwS88b9gWQVhc8eknunSA2DoJpJyTQkhheIf5E48u1N0R4q/YxxsAeqRrmK9TQ/uYfgLDfZo91UlANIA=="
}
} }
}, },
"escodegen": { "escodegen": {
@@ -1880,16 +1879,16 @@
"integrity": "sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=" "integrity": "sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM="
}, },
"jsdom": { "jsdom": {
"version": "15.1.1", "version": "15.2.0",
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-15.1.1.tgz", "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-15.2.0.tgz",
"integrity": "sha512-cQZRBB33arrDAeCrAEWn1U3SvrvC8XysBua9Oqg1yWrsY/gYcusloJC3RZJXuY5eehSCmws8f2YeliCqGSkrtQ==", "integrity": "sha512-+hRyEfjRPFwTYMmSQ3/f7U9nP8ZNZmbkmUek760ZpxnCPWJIhaaLRuUSvpJ36fZKCGENxLwxClzwpOpnXNfChQ==",
"requires": { "requires": {
"abab": "^2.0.0", "abab": "^2.0.0",
"acorn": "^6.1.1", "acorn": "^7.1.0",
"acorn-globals": "^4.3.2", "acorn-globals": "^4.3.2",
"array-equal": "^1.0.0", "array-equal": "^1.0.0",
"cssom": "^0.3.6", "cssom": "^0.4.1",
"cssstyle": "^1.2.2", "cssstyle": "^2.0.0",
"data-urls": "^1.1.0", "data-urls": "^1.1.0",
"domexception": "^1.0.1", "domexception": "^1.0.1",
"escodegen": "^1.11.1", "escodegen": "^1.11.1",
@@ -1913,16 +1912,23 @@
}, },
"dependencies": { "dependencies": {
"cssom": { "cssom": {
"version": "0.3.8", "version": "0.4.1",
"resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz", "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.1.tgz",
"integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==" "integrity": "sha512-6Aajq0XmukE7HdXUU6IoSWuH1H6gH9z6qmagsstTiN7cW2FNTsb+J2Chs+ufPgZCsV/yo8oaEudQLrb9dGxSVQ=="
}, },
"cssstyle": { "cssstyle": {
"version": "1.4.0", "version": "2.0.0",
"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-1.4.0.tgz", "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.0.0.tgz",
"integrity": "sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==", "integrity": "sha512-QXSAu2WBsSRXCPjvI43Y40m6fMevvyRm8JVAuF9ksQz5jha4pWP1wpaK7Yu5oLFc6+XAY+hj8YhefyXcBB53gg==",
"requires": { "requires": {
"cssom": "0.3.x" "cssom": "~0.3.6"
},
"dependencies": {
"cssom": {
"version": "0.3.8",
"resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
"integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg=="
}
} }
} }
} }
@@ -1987,9 +1993,9 @@
"integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==" "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g=="
}, },
"whatwg-url": { "whatwg-url": {
"version": "7.0.0", "version": "7.1.0",
"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.0.0.tgz", "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
"integrity": "sha512-37GeVSIJ3kn1JgKyjiYNmSLP1yzbpb29jdmwBSgkD9h40/hyrR/OifpVUndji3tmwGgD8qpw7iQu3RSbCrBpsQ==", "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
"requires": { "requires": {
"lodash.sortby": "^4.7.0", "lodash.sortby": "^4.7.0",
"tr46": "^1.0.1", "tr46": "^1.0.1",
@@ -1997,9 +2003,9 @@
} }
}, },
"ws": { "ws": {
"version": "7.1.2", "version": "7.2.0",
"resolved": "https://registry.npmjs.org/ws/-/ws-7.1.2.tgz", "resolved": "https://registry.npmjs.org/ws/-/ws-7.2.0.tgz",
"integrity": "sha512-gftXq3XI81cJCgkUiAVixA0raD9IVmXqsylCrjRygw4+UOOGzPoxnQ6r/CnVL9i+mDncJo94tSkyrtuuQVBmrg==", "integrity": "sha512-+SqNqFbwTm/0DC18KYzIsMTnEWpLwJsiasW/O17la4iDRRIO9uaHbvKiAS3AHgTiuuWerK/brj4O6MYZkei9xg==",
"requires": { "requires": {
"async-limiter": "^1.0.0" "async-limiter": "^1.0.0"
} }
@@ -2007,9 +2013,9 @@
} }
}, },
"@patternfly/react-tokens": { "@patternfly/react-tokens": {
"version": "2.6.16", "version": "2.6.31",
"resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-2.6.16.tgz", "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-2.6.31.tgz",
"integrity": "sha512-dhr4ne4thSmSKBr4anV07KSzUXEs6KpCMDxxNiwrgFdZwNHtyNcaPc+F9pQZ5A0n4qYmMLpCrprb7m5o/83riQ==" "integrity": "sha512-K9semfLIdf2vECefAbheXPVwZqq8nXY0Hf/VkWh6OBCL6R4FekxajpSBgobeoTQUotmvz5boMngqhkUjE7yChA=="
}, },
"@types/babel__core": { "@types/babel__core": {
"version": "7.1.1", "version": "7.1.1",
@@ -5308,9 +5314,9 @@
} }
}, },
"csstype": { "csstype": {
"version": "2.6.6", "version": "2.6.7",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.6.tgz", "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.7.tgz",
"integrity": "sha512-RpFbQGUE74iyPgvr46U9t1xoQBM8T4BL8SxrN66Le2xYAPSaDJJKeztV3awugusb3g3G9iL8StmkBBXhcbbXhg==" "integrity": "sha512-9Mcn9sFbGBAdmimWb2gLVDtFJzeKtDGIr76TUqmjZrw9LFXBMSU70lcs+C0/7fyCd6iBDqmksUcCOUIkisPHsQ=="
}, },
"currently-unhandled": { "currently-unhandled": {
"version": "0.4.1", "version": "0.4.1",
@@ -12959,9 +12965,9 @@
"dev": true "dev": true
}, },
"popper.js": { "popper.js": {
"version": "1.15.0", "version": "1.16.0",
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.15.0.tgz", "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.0.tgz",
"integrity": "sha512-w010cY1oCUmI+9KwwlWki+r5jxKfTFDVoadl7MSrIujHU5MJ5OR6HTDj6Xo8aoR/QsA56x8jKjA59qGH4ELtrA==" "integrity": "sha512-+G+EkOPoE5S/zChTpmBSSDYmhXJ5PsW8eMhH8cP/CQHMFPBG/kC9Y5IIw6qNYgdJ+/COf0ddY2li28iHaZRSjw=="
}, },
"portfinder": { "portfinder": {
"version": "1.0.20", "version": "1.0.20",
@@ -17421,9 +17427,9 @@
"integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==" "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw=="
}, },
"xmlchars": { "xmlchars": {
"version": "2.1.1", "version": "2.2.0",
"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.1.1.tgz", "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
"integrity": "sha512-7hew1RPJ1iIuje/Y01bGD/mXokXxegAgVS+e+E0wSi2ILHQkYAH1+JXARwTjZSM4Z4Z+c73aKspEcqj+zPPL/w==" "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
}, },
"xregexp": { "xregexp": {
"version": "4.0.0", "version": "4.0.0",

8
awx/ui_next/package.json
View File

@@ -57,10 +57,10 @@
}, },
"dependencies": { "dependencies": {
"@lingui/react": "^2.7.2", "@lingui/react": "^2.7.2",
"@patternfly/patternfly": "^2.27.0", "@patternfly/patternfly": "^2.40.2",
"@patternfly/react-core": "^3.87.3", "@patternfly/react-core": "^3.120.2",
"@patternfly/react-icons": "^3.12.0", "@patternfly/react-icons": "^3.14.15",
"@patternfly/react-tokens": "^2.6.16", "@patternfly/react-tokens": "^2.6.31",
"ansi-to-html": "^0.6.11", "ansi-to-html": "^0.6.11",
"axios": "^0.18.1", "axios": "^0.18.1",
"codemirror": "^5.47.0", "codemirror": "^5.47.0",

3
awx/ui_next/src/components/CollapsibleSection/CollapsibleSection.jsx
View File

@@ -6,6 +6,9 @@ import { AngleRightIcon } from '@patternfly/react-icons';
import omitProps from '@util/omitProps'; import omitProps from '@util/omitProps';
import ExpandingContainer from './ExpandingContainer'; import ExpandingContainer from './ExpandingContainer';
// Make button findable by tests
Button.displayName = 'Button';
const Toggle = styled.div` const Toggle = styled.div`
display: flex; display: flex;

5
awx/ui_next/src/components/DataListToolbar/DataListToolbar.test.jsx
View File

@@ -103,9 +103,10 @@ describe('<DataListToolbar />', () => {
let searchDropdownItems = toolbar.find(searchDropdownMenuItems).children(); let searchDropdownItems = toolbar.find(searchDropdownMenuItems).children();
expect(searchDropdownItems.length).toBe(1); expect(searchDropdownItems.length).toBe(1);
const mockedSortEvent = { target: { innerText: 'Bar' } }; const mockedSortEvent = { target: { innerText: 'Bar' } };
sortDropdownItems.at(0).simulate('click', mockedSortEvent); searchDropdownItems.at(0).simulate('click', mockedSortEvent);
toolbar = mountWithContexts( toolbar = mountWithContexts(
<DataListToolbar <DataListToolbar
qsConfig={QS_CONFIG}
sortedColumnKey="foo" sortedColumnKey="foo"
sortOrder="descending" sortOrder="descending"
columns={multipleColumns} columns={multipleColumns}
@@ -170,6 +171,7 @@ describe('<DataListToolbar />', () => {
toolbar = mountWithContexts( toolbar = mountWithContexts(
<DataListToolbar <DataListToolbar
qsConfig={QS_CONFIG}
sortedColumnKey="id" sortedColumnKey="id"
sortOrder="ascending" sortOrder="ascending"
columns={numericColumns} columns={numericColumns}
@@ -236,6 +238,7 @@ describe('<DataListToolbar />', () => {
toolbar = mountWithContexts( toolbar = mountWithContexts(
<DataListToolbar <DataListToolbar
qsConfig={QS_CONFIG}
isAllSelected isAllSelected
showExpandCollapse showExpandCollapse
sortedColumnKey="name" sortedColumnKey="name"

7
awx/ui_next/src/components/MultiSelect/MultiSelect.test.jsx
View File

@@ -92,10 +92,9 @@ describe('<MultiSelect />', () => {
/> />
); );
wrapper const chips = wrapper.find('PFChip');
.find('Chip') expect(chips).toHaveLength(2);
.at(1) chips.at(1).invoke('onClick')();
.invoke('onClick')();
expect(onRemoveItem).toHaveBeenCalledWith(value[1]); expect(onRemoveItem).toHaveBeenCalledWith(value[1]);
const newVal = onChange.mock.calls[0][0]; const newVal = onChange.mock.calls[0][0];

120
awx/ui_next/src/components/PaginatedDataList/__snapshots__/ToolbarDeleteButton.test.jsx.snap
View File

@@ -28,9 +28,13 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
"bottom", "bottom",
] ]
} }
id=""
isAppLauncher={false} isAppLauncher={false}
isContentLeftAligned={false}
isVisible={false}
maxWidth="18.75rem" maxWidth="18.75rem"
position="top" position="top"
tippyProps={Object {}}
trigger="mouseenter focus" trigger="mouseenter focus"
zIndex={9999} zIndex={9999}
> >
@@ -43,9 +47,12 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
content={ content={
<div <div
className="" className=""
id=""
role="tooltip" role="tooltip"
> >
<TooltipContent> <TooltipContent
isLeftAligned={false}
>
Select a row to delete Select a row to delete
</TooltipContent> </TooltipContent>
</div> </div>
@@ -69,6 +76,7 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
"bottom", "bottom",
] ]
} }
isVisible={false}
lazy={true} lazy={true}
maxWidth="18.75rem" maxWidth="18.75rem"
onCreate={[Function]} onCreate={[Function]}
@@ -126,50 +134,84 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
onClick={[Function]} onClick={[Function]}
variant="plain" variant="plain"
> >
<Button <Component
aria-label="Delete" aria-label="Delete"
className="ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG" className="ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG"
isDisabled={true} isDisabled={true}
onClick={[Function]} onClick={[Function]}
variant="plain" variant="plain"
> >
<button <ComponentWithOuia
aria-disabled={null} component={[Function]}
aria-label="Delete" componentProps={
className="pf-c-button pf-m-plain pf-m-disabled ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG" Object {
disabled={true} "aria-label": "Delete",
onClick={[Function]} "children": <TrashAltIcon
tabIndex={null} color="currentColor"
type="button" noVerticalAlign={false}
size="sm"
title={null}
/>,
"className": "ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG",
"isDisabled": true,
"onClick": [Function],
"variant": "plain",
}
}
consumerContext={null}
> >
<TrashAltIcon <Button
color="currentColor" aria-label="Delete"
noVerticalAlign={false} className="ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG"
size="sm" isDisabled={true}
title={null} onClick={[Function]}
> ouiaContext={
<svg Object {
aria-hidden={true} "isOuia": false,
aria-labelledby={null} "ouiaId": null,
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
} }
viewBox="0 0 448 512" }
width="1em" variant="plain"
>
<button
aria-disabled={null}
aria-label="Delete"
className="pf-c-button pf-m-plain ToolbarDeleteButton__DeleteButton-sc-1e3r0eg-0 bQjfFG"
disabled={true}
onClick={[Function]}
tabIndex={null}
type="button"
> >
<path <TrashAltIcon
d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" color="currentColor"
transform="" noVerticalAlign={false}
/> size="sm"
</svg> title={null}
</TrashAltIcon> >
</button> <svg
</Button> aria-hidden={true}
aria-labelledby={null}
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
}
viewBox="0 0 448 512"
width="1em"
>
<path
d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
transform=""
/>
</svg>
</TrashAltIcon>
</button>
</Button>
</ComponentWithOuia>
</Component>
</StyledComponent> </StyledComponent>
</ToolbarDeleteButton__DeleteButton> </ToolbarDeleteButton__DeleteButton>
</div> </div>
@@ -178,6 +220,7 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
<div> <div>
<div <div
class="" class=""
id=""
role="tooltip" role="tooltip"
> >
<div <div
@@ -191,9 +234,12 @@ exports[`<ToolbarDeleteButton /> should render button 1`] = `
> >
<div <div
className="" className=""
id=""
role="tooltip" role="tooltip"
> >
<TooltipContent> <TooltipContent
isLeftAligned={false}
>
<div <div
className="pf-c-tooltip__content" className="pf-c-tooltip__content"
> >

320
awx/ui_next/src/screens/Organization/OrganizationAccess/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
View File

@@ -20,19 +20,19 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
<_default <_default
actions={ actions={
Array [ Array [
<Button <Unknown
aria-label="Confirm delete" aria-label="Confirm delete"
onClick={[Function]} onClick={[Function]}
variant="danger" variant="danger"
> >
Delete Delete
</Button>, </Unknown>,
<Button <Unknown
onClick={[Function]} onClick={[Function]}
variant="secondary" variant="secondary"
> >
Cancel Cancel
</Button>, </Unknown>,
] ]
} }
isOpen={true} isOpen={true}
@@ -43,24 +43,117 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
<Modal <Modal
actions={ actions={
Array [ Array [
<Button <Unknown
aria-label="Confirm delete" aria-label="Confirm delete"
onClick={[Function]} onClick={[Function]}
variant="danger" variant="danger"
> >
Delete Delete
</Button>, </Unknown>,
<Button <Unknown
onClick={[Function]} onClick={[Function]}
variant="secondary" variant="secondary"
> >
Cancel Cancel
</Button>, </Unknown>,
] ]
} }
appendTo={
<body
class="pf-c-backdrop__open"
>
<div>
<div
class="pf-c-backdrop"
>
<div
class="pf-l-bullseye"
>
<div
aria-describedby="pf-modal-0"
aria-label="Remove {0} Access"
aria-modal="true"
class="pf-c-modal-box awx-c-modal at-c-alertModal at-c-alertModal--danger"
role="dialog"
>
<button
aria-label="Close"
class="pf-c-button pf-m-plain"
type="button"
>
<svg
aria-hidden="true"
fill="currentColor"
height="1em"
role="img"
style="vertical-align: -0.125em;"
viewBox="0 0 352 512"
width="1em"
>
<path
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
transform=""
/>
</svg>
</button>
<h1
class="pf-c-title pf-m-2xl"
>
Remove {0} Access
</h1>
<div
class="pf-c-modal-box__body"
id="pf-modal-0"
>
Are you sure you want to remove {0} access from {1}? Doing so affects all members of the team.
<br />
<br />
If you {0} want to remove access for this particular user, please remove them from the team.
<svg
aria-hidden="true"
class="at-c-alertModal__icon"
fill="currentColor"
height="1em"
role="img"
style="vertical-align: -0.125em;"
viewBox="0 0 512 512"
width="1em"
>
<path
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
transform=""
/>
</svg>
</div>
<div
class="pf-c-modal-box__footer"
>
<button
aria-label="Confirm delete"
class="pf-c-button pf-m-danger"
type="button"
>
Delete
</button>
<button
class="pf-c-button pf-m-secondary"
type="button"
>
Cancel
</button>
</div>
</div>
</div>
</div>
</div>
</body>
}
ariaDescribedById="" ariaDescribedById=""
className="awx-c-modal at-c-alertModal at-c-alertModal--danger" className="awx-c-modal at-c-alertModal at-c-alertModal--danger"
hideTitle={false} hideTitle={false}
isFooterLeftAligned={false}
isLarge={false} isLarge={false}
isOpen={true} isOpen={true}
isSmall={false} isSmall={false}
@@ -161,25 +254,26 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
<ModalContent <ModalContent
actions={ actions={
Array [ Array [
<Button <Unknown
aria-label="Confirm delete" aria-label="Confirm delete"
onClick={[Function]} onClick={[Function]}
variant="danger" variant="danger"
> >
Delete Delete
</Button>, </Unknown>,
<Button <Unknown
onClick={[Function]} onClick={[Function]}
variant="secondary" variant="secondary"
> >
Cancel Cancel
</Button>, </Unknown>,
] ]
} }
ariaDescribedById="" ariaDescribedById=""
className="awx-c-modal at-c-alertModal at-c-alertModal--danger" className="awx-c-modal at-c-alertModal at-c-alertModal--danger"
hideTitle={false} hideTitle={false}
id="pf-modal-0" id="pf-modal-0"
isFooterLeftAligned={false}
isLarge={false} isLarge={false}
isOpen={true} isOpen={true}
isSmall={false} isSmall={false}
@@ -225,49 +319,81 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
<ModalBoxCloseButton <ModalBoxCloseButton
onClose={[Function]} onClose={[Function]}
> >
<Button <Component
aria-label="Close" aria-label="Close"
className="" className=""
onClick={[Function]} onClick={[Function]}
variant="plain" variant="plain"
> >
<button <ComponentWithOuia
aria-disabled={null} component={[Function]}
aria-label="Close" componentProps={
className="pf-c-button pf-m-plain" Object {
disabled={false} "aria-label": "Close",
onClick={[Function]} "children": <TimesIcon
tabIndex={null} color="currentColor"
type="button" noVerticalAlign={false}
size="sm"
title={null}
/>,
"className": "",
"onClick": [Function],
"variant": "plain",
}
}
consumerContext={null}
> >
<TimesIcon <Button
color="currentColor" aria-label="Close"
noVerticalAlign={false} className=""
size="sm" onClick={[Function]}
title={null} ouiaContext={
> Object {
<svg "isOuia": false,
aria-hidden={true} "ouiaId": null,
aria-labelledby={null}
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
} }
viewBox="0 0 352 512" }
width="1em" variant="plain"
>
<button
aria-disabled={null}
aria-label="Close"
className="pf-c-button pf-m-plain"
disabled={false}
onClick={[Function]}
tabIndex={null}
type="button"
> >
<path <TimesIcon
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" color="currentColor"
transform="" noVerticalAlign={false}
/> size="sm"
</svg> title={null}
</TimesIcon> >
</button> <svg
</Button> aria-hidden={true}
aria-labelledby={null}
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
}
viewBox="0 0 352 512"
width="1em"
>
<path
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
transform=""
/>
</svg>
</TimesIcon>
</button>
</Button>
</ComponentWithOuia>
</Component>
</ModalBoxCloseButton> </ModalBoxCloseButton>
<ModalBoxHeader <ModalBoxHeader
hideTitle={false} hideTitle={false}
@@ -327,45 +453,95 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
</ExclamationCircleIcon> </ExclamationCircleIcon>
</div> </div>
</ModalBoxBody> </ModalBoxBody>
<ModalBoxFooter> <ModalBoxFooter
isLeftAligned={false}
>
<div <div
className="pf-c-modal-box__footer" className="pf-c-modal-box__footer"
> >
<Button <Component
aria-label="Confirm delete" aria-label="Confirm delete"
key="delete" key="delete"
onClick={[Function]} onClick={[Function]}
variant="danger" variant="danger"
> >
<button <ComponentWithOuia
aria-disabled={null} component={[Function]}
aria-label="Confirm delete" componentProps={
className="pf-c-button pf-m-danger" Object {
disabled={false} "aria-label": "Confirm delete",
onClick={[Function]} "children": "Delete",
tabIndex={null} "onClick": [Function],
type="button" "variant": "danger",
}
}
consumerContext={null}
> >
Delete <Button
</button> aria-label="Confirm delete"
</Button> onClick={[Function]}
<Button ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
variant="danger"
>
<button
aria-disabled={null}
aria-label="Confirm delete"
className="pf-c-button pf-m-danger"
disabled={false}
onClick={[Function]}
tabIndex={null}
type="button"
>
Delete
</button>
</Button>
</ComponentWithOuia>
</Component>
<Component
key="cancel" key="cancel"
onClick={[Function]} onClick={[Function]}
variant="secondary" variant="secondary"
> >
<button <ComponentWithOuia
aria-disabled={null} component={[Function]}
aria-label={null} componentProps={
className="pf-c-button pf-m-secondary" Object {
disabled={false} "children": "Cancel",
onClick={[Function]} "onClick": [Function],
tabIndex={null} "variant": "secondary",
type="button" }
}
consumerContext={null}
> >
Cancel <Button
</button> onClick={[Function]}
</Button> ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
variant="secondary"
>
<button
aria-disabled={null}
aria-label={null}
className="pf-c-button pf-m-secondary"
disabled={false}
onClick={[Function]}
tabIndex={null}
type="button"
>
Cancel
</button>
</Button>
</ComponentWithOuia>
</Component>
</div> </div>
</ModalBoxFooter> </ModalBoxFooter>
</div> </div>

187
awx/ui_next/src/screens/Organization/OrganizationAccess/__snapshots__/OrganizationAccessItem.test.jsx.snap
View File

@@ -719,82 +719,151 @@ exports[`<OrganizationAccessItem /> initially renders succesfully 1`] = `
> >
<PFChip <PFChip
className="Chip-sc-1rzr8oo-0 dgUGLg" className="Chip-sc-1rzr8oo-0 dgUGLg"
closeBtnAriaLabel="close"
component="li" component="li"
isOverflowChip={false}
isReadOnly={false} isReadOnly={false}
onClick={[Function]} onClick={[Function]}
tooltipPosition="top"
> >
<GenerateId <ComponentWithOuia
prefix="pf-random-id-" component={[Function]}
componentProps={
Object {
"children": "Member",
"className": "Chip-sc-1rzr8oo-0 dgUGLg",
"component": "li",
"isReadOnly": false,
"onClick": [Function],
}
}
consumerContext={null}
> >
<li <Chip
className="pf-c-chip Chip-sc-1rzr8oo-0 dgUGLg" className="Chip-sc-1rzr8oo-0 dgUGLg"
closeBtnAriaLabel="close"
component="li"
isOverflowChip={false}
isReadOnly={false}
onClick={[Function]}
ouiaContext={
Object {
"isOuia": false,
"ouiaId": null,
}
}
tooltipPosition="top"
> >
<span <GenerateId
className="pf-c-chip__text" prefix="pf-random-id-"
id="pf-random-id-0"
> >
Member <li
</span> className="pf-c-chip Chip-sc-1rzr8oo-0 dgUGLg"
<ChipButton
aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
ariaLabel="close"
id="remove_pf-random-id-0"
onClick={[Function]}
>
<Button
aria-label="close"
aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
className=""
id="remove_pf-random-id-0"
onClick={[Function]}
variant="plain"
> >
<button <span
aria-disabled={null} className="pf-c-chip__text"
aria-label="close" id="pf-random-id-0"
>
Member
</span>
<ChipButton
aria-labelledby="remove_pf-random-id-0 pf-random-id-0" aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
className="pf-c-button pf-m-plain" ariaLabel="close"
disabled={false}
id="remove_pf-random-id-0" id="remove_pf-random-id-0"
onClick={[Function]} onClick={[Function]}
tabIndex={null}
type="button"
> >
<TimesCircleIcon <Component
aria-hidden="true" aria-label="close"
color="currentColor" aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
noVerticalAlign={false} className=""
size="sm" id="remove_pf-random-id-0"
title={null} onClick={[Function]}
variant="plain"
> >
<svg <ComponentWithOuia
aria-hidden="true" component={[Function]}
aria-labelledby={null} componentProps={
fill="currentColor"
height="1em"
role="img"
style={
Object { Object {
"verticalAlign": "-0.125em", "aria-label": "close",
"aria-labelledby": "remove_pf-random-id-0 pf-random-id-0",
"children": <TimesCircleIcon
aria-hidden="true"
color="currentColor"
noVerticalAlign={false}
size="sm"
title={null}
/>,
"className": "",
"id": "remove_pf-random-id-0",
"onClick": [Function],
"variant": "plain",
}
}
consumerContext={
Object {
"isOuia": false,
"ouiaId": null,
} }
} }
viewBox="0 0 512 512"
width="1em"
> >
<path <Button
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z" aria-label="close"
transform="" aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
/> className=""
</svg> id="remove_pf-random-id-0"
</TimesCircleIcon> onClick={[Function]}
</button> ouiaContext={
</Button> Object {
</ChipButton> "isOuia": false,
</li> "ouiaId": null,
</GenerateId> }
}
variant="plain"
>
<button
aria-disabled={null}
aria-label="close"
aria-labelledby="remove_pf-random-id-0 pf-random-id-0"
className="pf-c-button pf-m-plain"
disabled={false}
id="remove_pf-random-id-0"
onClick={[Function]}
tabIndex={null}
type="button"
>
<TimesCircleIcon
aria-hidden="true"
color="currentColor"
noVerticalAlign={false}
size="sm"
title={null}
>
<svg
aria-hidden="true"
aria-labelledby={null}
fill="currentColor"
height="1em"
role="img"
style={
Object {
"verticalAlign": "-0.125em",
}
}
viewBox="0 0 512 512"
width="1em"
>
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
transform=""
/>
</svg>
</TimesCircleIcon>
</button>
</Button>
</ComponentWithOuia>
</Component>
</ChipButton>
</li>
</GenerateId>
</Chip>
</ComponentWithOuia>
</PFChip> </PFChip>
</StyledComponent> </StyledComponent>
</Chip> </Chip>