fluentui-react-native/apps/ios
Saad Najmi 0298941e07
Pass the avatar prop "size" properly to "avatarSize" swift property (#572)
* initial commit

* Change files

* Updated podfile

* Added all sizes to test
2020-12-11 22:16:56 -06:00
..
__tests__ Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
src Pass the avatar prop "size" properly to "avatarSize" swift property (#572) 2020-12-11 22:16:56 -06:00
.eslintrc.js Enable yarn build and yarn bundle for iOS (#236) 2020-05-29 07:51:44 -07:00
.flowconfig Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
.gitattributes Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
.gitignore Update macOS test app to use 0.62, bump react-native-test-app version across apple platforms (#420) 2020-08-31 15:33:49 -07:00
.prettierrc.js Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
.watchmanconfig Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
README.md Ejlayne/fluentui tester docs (#473) 2020-09-22 13:03:15 -07:00
app.json Migrate iOS test app to react-native-test-app (#302) 2020-07-10 09:52:42 -07:00
babel.config.js Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
index.js Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
just.config.js Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
launchPackager.command Add run-ios support to FluentTester-ios (#242) 2020-06-09 15:41:35 -07:00
metro.config.js Move projects up a dir and opt apple platforms into lerna/yarn (#226) 2020-05-28 18:41:21 -07:00
package.json Update react-native-test-app dependency, which allows RN 0.63 in macOS test app, and run-android CLI support (#566) 2020-12-10 03:31:21 -06:00
packager.sh Add run-ios support to FluentTester-ios (#242) 2020-06-09 15:41:35 -07:00
react-native.config.js Removed apps/mobile folder, update eslint dependencies (#421) 2020-09-09 12:19:36 -07:00

README.md

Running the FluentUI Tester on iOS

FluentUI Tester is the test app that we use to test our FluentUI components during development. It uses the react-native-test app under the covers, and loads the fluent-tester bundle.

Launch FluentUI Tester app on iOS

Prereq: FluentUI Tester on iOS can only run on a Mac.

  1. Make sure you have followed the Getting Started instructions to install packages and build the entire FluentUI React Native repository. I.e. from the root of the repo:
    yarn && yarn build
  1. Then go into apps/ios/src folder and run pod install to pull in the project-level Cocoapod dependencies defined in the podfile, and to generate a valid xcworkspace:
    cd apps/ios/src
    pod install

Note: if you get the error: "CocoaPods could not find compatible versions for pod "MicrosoftFluentUI"," you may need to run pod install --repo-update.

  1. Return to the ios directory and run yarn ios to launch the FluentUI Tester app:
    cd ..
    yarn ios

Troubleshooting

  • The first time you yarn ios, you receive an error and have to run "FluentUITester.xcworkspace" directly from Xcode. The workspace can be found in the apps/ios/src folder. After running the workspace the first time from Xcode, you will be able to yarn ios from the CLI.
  • If the packager didn't launch in a separate terminal and your iOS simulator just shows a white screen for your app, you can run yarn start from apps/ios to launch it separately
  • If you want to do direct debugging via xcode, after the pod install, you can launch src/FluentUITester.xcworkspace and build/run the scheme "ReactTestApp"
  • If you want to have a clean rebuild of the generated iOS project, you can do the following:
cd apps/ios/
rm src/FluentUITester.xcworkspace
rm -r src/Pods/
pod install --project-directory=src.