├── .github └── workflows │ ├── npm-publish.yml │ └── npm-test.yml ├── .gitignore ├── .npmignore ├── LICENSE ├── README.md ├── babel.config.js ├── internals └── mocks │ ├── cssModule.js │ ├── image.js │ └── react-native.js ├── jest.config.js ├── package.json └── src └── RemoteComponent ├── index.js └── tests └── index.test.js /.github/workflows/npm-publish.yml: -------------------------------------------------------------------------------- 1 | name: npm-publish 2 | 3 | on: 4 | release: 5 | types: [created] 6 | 7 | jobs: 8 | build: 9 | runs-on: ubuntu-latest 10 | steps: 11 | - uses: actions/checkout@v2 12 | - uses: actions/setup-node@v1 13 | with: 14 | node-version: "12.x" 15 | registry-url: "https://registry.npmjs.org" 16 | 17 | - name: npm publish 18 | run: npm publish --access public 19 | env: 20 | NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN} -------------------------------------------------------------------------------- /.github/workflows/npm-test.yml: -------------------------------------------------------------------------------- 1 | name: npm-test 2 | on: ["push", "pull_request"] 3 | jobs: 4 | build: 5 | name: Build 6 | runs-on: ubuntu-latest 7 | steps: 8 | - uses: actions/checkout@v1 9 | - name: Use Node.js 10.x 10 | uses: actions/setup-node@v1 11 | with: 12 | node-version: 10.x 13 | - name: npm install, npm run test 14 | run: | 15 | npm install 16 | npm run test 17 | - name: Coveralls 18 | uses: coverallsapp/github-action@master 19 | with: 20 | github-token: ${{ secrets.GITHUB_TOKEN }} -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | bin 4 | build 5 | .history 6 | 7 | package-lock.json 8 | 9 | # Cruft 10 | .DS_Store 11 | npm-debug.log 12 | .idea 13 | .scannerwork 14 | lcov-report 15 | /.project 16 | **/__snapshots__/ 17 | coverage-final.json 18 | lcov.info 19 | test-report.json 20 | test-report.xml 21 | coverage -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .*.swp 2 | ._* 3 | .DS_Store 4 | .git 5 | .hg 6 | .npmrc 7 | .lock-wscript 8 | .svn 9 | .wafpickle-* 10 | config.gypi 11 | CVS 12 | npm-debug.log 13 | .gitattributes 14 | .prettierignore 15 | .prettierrc 16 | .watchmanconfig 17 | Jenkinsfile 18 | .eslintrc.js 19 | babel.config.js 20 | jsconfig.json 21 | publish.sh 22 | sonar* 23 | .editorconfig 24 | babel.config.js 25 | jest.config.js 26 | resultsProcessor.js 27 | sonar-project.properties 28 | lcov-report 29 | .babel.config.js 30 | coverage-final.json 31 | lcov.info 32 | test-report.xml 33 | # src 34 | webpack.config.js 35 | coverage 36 | .github -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # @composiv/liveui-react-native 2 | 3 | LiveUI Banner 4 | 5 |

6 | 7 | 8 | GitHub license 9 | 10 | 11 | 12 | npm Version 13 | 14 | 15 | 16 | Dependency Status 17 | 18 | 19 | 20 | devDependency Status 21 | 22 | 23 | 24 | PRs Welcome 25 | 26 |

27 | 28 | 29 | This package includes RemoteComponent used by LiveUI applications. 30 | Please refer to its documentation: 31 | 32 | - [LiveUI React Native](https://liveui.composiv.ai/docs/liveui-react-native) 33 | 34 | ## License 35 | This project is licensed under the Apache License, Version 2.0. See [LICENSE](https://github.com/composiv/liveui-react-native/blob/master/LICENSE) for the full license text. 36 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | 'module:metro-react-native-babel-preset', 4 | [ 5 | '@babel/preset-env', 6 | { 7 | modules: false, 8 | }, 9 | ], 10 | '@babel/react', 11 | ], 12 | plugins: [ 13 | '@babel/plugin-proposal-class-properties', 14 | '@babel/plugin-proposal-export-default-from', 15 | '@babel/plugin-proposal-export-namespace-from', 16 | '@babel/plugin-syntax-dynamic-import', 17 | ], 18 | env: { 19 | test: { 20 | plugins: ['@babel/plugin-transform-modules-commonjs', 'dynamic-import-node'], 21 | }, 22 | }, 23 | }; 24 | -------------------------------------------------------------------------------- /internals/mocks/cssModule.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | module.exports = 'CSS_MODULE'; 18 | -------------------------------------------------------------------------------- /internals/mocks/image.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | module.exports = 'IMAGE_MOCK'; 18 | -------------------------------------------------------------------------------- /internals/mocks/react-native.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | export function Platform() { 18 | let OS; 19 | return OS; 20 | } -------------------------------------------------------------------------------- /jest.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | coverageThreshold: { 3 | global: { 4 | statements: 80, 5 | branches: 80, 6 | functions: 80, 7 | lines: 80, 8 | }, 9 | }, 10 | coverageDirectory: 'coverage', 11 | collectCoverage: true, 12 | collectCoverageFrom: ['src/*.{js,jsx}', 'src/**/*.{js,jsx}', '!src/**/*.test.{js,jsx}', '!src/index.js', '!src/**/**/liveui-core.js'], 13 | coverageReporters: ['json', 'text', 'lcov'], 14 | moduleDirectories: ['node_modules', 'src'], 15 | testRegex: 'tests/.*\\.test\\.js$', 16 | moduleNameMapper: { 17 | '.*\\.(css|less|styl|scss|sass)$': '/internals/mocks/cssModule.js', 18 | '.*\\.(jpg|jpeg|png|gif|ico|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '/internals/mocks/image.js', 19 | 'react-native': '/internals/mocks/react-native.js', 20 | }, 21 | transformIgnorePatterns: ['/node_modules\/(?!@composiv)'] 22 | 23 | }; 24 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@composiv/liveui-react-native", 3 | "version": "0.1.1", 4 | "description": "Includes RemoteComponent used by LiveUI applications.", 5 | "author": "composiv", 6 | "license": "Apache-2.0", 7 | "repository": { 8 | "type": "git", 9 | "url": "https://github.com/composiv/liveui-react-native" 10 | }, 11 | "scripts": { 12 | "test": "jest --verbose" 13 | }, 14 | "keywords": [ 15 | "composiv", 16 | "LiveUI", 17 | "Remote", 18 | "Microservices", 19 | "Containers", 20 | "Kubernetes", 21 | "Workflow" 22 | ], 23 | "main": "./src/RemoteComponent/index.js", 24 | "dependencies": { 25 | "prop-types": "15.7.2" 26 | }, 27 | "peerDependencies": { 28 | "@composiv/liveui-core": "0.1.0" 29 | }, 30 | "devDependencies": { 31 | "react": "16.13.1", 32 | "react-dom": "^16.13.1", 33 | "react-native": "0.62.2", 34 | "@babel/cli": "7.8.4", 35 | "@babel/core": "7.9.0", 36 | "@babel/plugin-proposal-class-properties": "7.8.3", 37 | "@babel/plugin-proposal-export-default-from": "^7.8.3", 38 | "@babel/plugin-proposal-export-namespace-from": "^7.8.3", 39 | "@babel/plugin-syntax-dynamic-import": "7.8.3", 40 | "@babel/plugin-transform-modules-commonjs": "7.9.0", 41 | "@babel/plugin-transform-react-constant-elements": "7.9.0", 42 | "@babel/plugin-transform-react-inline-elements": "7.9.0", 43 | "@babel/preset-env": "7.9.5", 44 | "@babel/preset-react": "7.9.4", 45 | "@babel/register": "^7.9.0", 46 | "@composiv/liveui-core": "0.1.0", 47 | "@testing-library/react": "^10.0.2", 48 | "babel-cli": "^6.26.0", 49 | "babel-eslint": "^10.1.0", 50 | "babel-jest": "^25.3.0", 51 | "babel-loader": "^8.1.0", 52 | "babel-plugin-add-module-exports": "^1.0.2", 53 | "enzyme": "^3.11.0", 54 | "enzyme-adapter-react-16": "^1.15.2", 55 | "eslint": "^6.8.0", 56 | "eslint-config-airbnb": "^18.1.0", 57 | "eslint-config-prettier": "^6.10.0", 58 | "eslint-import-resolver-webpack": "^0.12.1", 59 | "eslint-plugin-import": "^2.20.2", 60 | "eslint-plugin-jsx-a11y": "^6.2.3", 61 | "eslint-plugin-prettier": "^3.1.3", 62 | "eslint-plugin-react": "^7.19.0", 63 | "jest": "^25.3.0", 64 | "lint-staged": "^8.1.1", 65 | "metro-react-native-babel-preset": "^0.59.0", 66 | "mini-css-extract-plugin": "^0.9.0", 67 | "prettier": "^2.0.4", 68 | "react-test-renderer": "^16.13.1", 69 | "webpack": "^4.42.1", 70 | "webpack-cli": "^3.3.11", 71 | "whatwg-fetch": "^3.0.0" 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /src/RemoteComponent/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | /** 18 | * 19 | * RemoteComponent 20 | * 21 | */ 22 | 23 | import React, { useState, useEffect } from 'react'; 24 | import { Platform } from 'react-native'; 25 | import { Registry, ViewBuilder, config as liveuiConfig } from '@composiv/liveui-core'; 26 | import PropTypes from 'prop-types'; 27 | 28 | function RemoteComponent(props) { 29 | const { url, name, source, onError, ...compProps } = props; 30 | const [state, setState] = useState({DynamicElement: undefined}); 31 | 32 | useEffect(() => { 33 | fetchComponent(); 34 | }, []); 35 | 36 | function fetchComponent() { 37 | if (url) { 38 | handleRequest(url); 39 | } else if (name) { 40 | let componentUrl = Registry.getComponentUrl(name); 41 | 42 | // TODO move this snippet and refactor url replacer 43 | if (process.env.NODE_ENV !== 'production') { 44 | if (Platform.OS === 'android') { 45 | const androidHost = liveuiConfig.androidHost || '10.0.2.2'; 46 | componentUrl = `${componentUrl.replace('localhost', androidHost)}.js`; 47 | } 48 | } 49 | handleRequest(componentUrl); 50 | } else if (source) { 51 | const DynamicElement = ViewBuilder.build(source, onError); 52 | setState({DynamicElement}); 53 | } 54 | } 55 | 56 | function handleRequest(componentUrl) { 57 | fetch(componentUrl, { method: 'GET' }) 58 | .then((response) => response.text()) 59 | .then((js) => { 60 | const DynamicElement = ViewBuilder.build(js, onError); 61 | setState({DynamicElement}); 62 | }) 63 | .catch((error) => { 64 | const DynamicElement = onError('Remote Component fetch failed', -200, error); 65 | setState({DynamicElement}); 66 | }); 67 | } 68 | 69 | const { DynamicElement } = state; 70 | return DynamicElement ? : null; 71 | } 72 | 73 | RemoteComponent.defaultProps = { 74 | onError: (message, code, error) => { 75 | console.log(message, code, error); 76 | return null; 77 | }, 78 | cached: false, 79 | }; 80 | 81 | RemoteComponent.propTypes = { 82 | name: PropTypes.string, 83 | source: PropTypes.string, 84 | onError: PropTypes.func, 85 | cached: PropTypes.bool, 86 | }; 87 | 88 | export default RemoteComponent; 89 | -------------------------------------------------------------------------------- /src/RemoteComponent/tests/index.test.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright Composiv Inc and its affiliates 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | /* eslint-disable react/jsx-props-no-spreading */ 18 | /* eslint-disable import/order */ 19 | /* eslint-disable react/jsx-filename-extension */ 20 | /* eslint-disable import/extensions */ 21 | /* eslint-disable no-unused-vars */ 22 | /* eslint-disable import/no-unresolved */ 23 | import React from 'react'; 24 | import Enzyme, { mount, shallow } from 'enzyme'; 25 | import Adapter from 'enzyme-adapter-react-16'; 26 | import { Registry, config as liveuiConfig } from '@composiv/liveui-core'; 27 | import RemoteComponent from '../index'; 28 | import { act } from '@testing-library/react'; 29 | import 'whatwg-fetch'; 30 | import { Platform } from 'react-native'; 31 | Enzyme.configure({ adapter: new Adapter() }); 32 | describe('ExampleComponent', () => { 33 | beforeEach(() => { 34 | window.fetch = jest.fn(); 35 | }); 36 | beforeEach(() => { 37 | const res = new Response('{"hello":"world"}', { 38 | status: 200, 39 | headers: { 40 | 'Content-type': 'application/json', 41 | }, 42 | }); 43 | window.fetch.mockReturnValue(Promise.resolve(res)); 44 | }); 45 | const externals = 'test'; 46 | const components = { test: 'test' }; 47 | Registry.register( 48 | externals, 49 | components, 50 | new Error('There is no renderer. Please register a renderer for Open canvas using Registry.register...'), 51 | ); 52 | jest.spyOn(React, 'useEffect').mockImplementation((f) => f()); 53 | test('should have default handleChange', () => { 54 | act(() => { 55 | expect(RemoteComponent.defaultProps.onError).toBeDefined(); 56 | }); 57 | }); 58 | 59 | test('Default Props', () => { 60 | act(() => { 61 | const result = RemoteComponent.defaultProps.onError(); 62 | expect(result).toBe(null); 63 | }); 64 | }); 65 | test('renders prop url', () => { 66 | try { 67 | act(() => { 68 | expect(mount()); 69 | }); 70 | } catch (error) { 71 | act(() => { 72 | expect(mount()).toBe(error); 73 | }); 74 | } 75 | }); 76 | test('renders prop name', () => { 77 | try { 78 | act(() => { 79 | expect(mount()); 80 | if (process.env.NODE_ENV !== 'production') { 81 | Platform.OS = 'android'; 82 | if (Platform.OS === 'android') { 83 | const androidPort =liveuiConfig.androidPort || '10.0.2.2'; 84 | componentUrl = `${componentUrl.replace('localhost', androidPort)}.js`; 85 | } 86 | } 87 | }); 88 | } catch (error) { 89 | act(() => { 90 | expect(mount()).toEqual({}); 91 | }); 92 | } 93 | }); 94 | test('renders prop name', () => { 95 | try { 96 | act(() => { 97 | const name ="localhost:foo" 98 | 99 | expect(mount()); 100 | if (process.env.NODE_ENV !== 'production') { 101 | let componentUrl = Registry.getComponentUrl(name); 102 | Platform.OS = 'ios'; 103 | if (Platform.OS === 'android') { 104 | const androidPort =liveuiConfig.androidPort || '10.0.2.2'; 105 | componentUrl = `${componentUrl.replace('localhost', androidPort)}.js`; 106 | } 107 | } 108 | }); 109 | } catch (error) { 110 | act(() => { 111 | expect(mount()).toBe(error); 112 | }); 113 | } 114 | }); 115 | 116 | test('renders prop name NODE_ENV = "production" ', () => { 117 | try { 118 | act(() => { 119 | const name ="localhost:foo" 120 | 121 | process.env.NODE_ENV="production"; 122 | expect(mount()); 123 | if (process.env.NODE_ENV !== 'production') { 124 | let componentUrl = Registry.getComponentUrl(name); 125 | Platform.OS = 'ios'; 126 | if (Platform.OS === 'android') { 127 | const androidPort = liveuiConfig.androidPort || '10.0.2.2'; 128 | componentUrl = `${componentUrl.replace('localhost', androidPort)}.js`; 129 | } 130 | } 131 | }); 132 | } catch (error) { 133 | act(() => { 134 | expect(mount()).toBe(error); 135 | }); 136 | } 137 | }); 138 | test('renders prop source', () => { 139 | try { 140 | act(() => { 141 | expect(mount()); 142 | }); 143 | } catch (error) { 144 | act(() => { 145 | expect(mount()).toBe(null); 146 | }); 147 | } 148 | }); 149 | test('renders', () => { 150 | try { 151 | act(() => { 152 | expect(mount()); 153 | }); 154 | } catch (error) { 155 | act(() => { 156 | expect(mount()).toBe(error); 157 | }); 158 | } 159 | }); 160 | }); --------------------------------------------------------------------------------