mirror of
https://github.com/zhigang1992/create-react-app.git
synced 2026-04-02 22:37:39 +08:00
aad5987a03
* Bootstrap with Yarn if we can * Update test scripts * Check OS and npm concurrency ability * Windows support * Update bootstrap.js * Install yarn before bootstrap
240 lines
7.8 KiB
Bash
Executable File
240 lines
7.8 KiB
Bash
Executable File
#!/bin/bash
|
|
# Copyright (c) 2015-present, Facebook, Inc.
|
|
# All rights reserved.
|
|
#
|
|
# This source code is licensed under the BSD-style license found in the
|
|
# LICENSE file in the root directory of this source tree. An additional grant
|
|
# of patent rights can be found in the PATENTS file in the same directory.
|
|
|
|
# ******************************************************************************
|
|
# This is an end-to-end test intended to run on CI.
|
|
# You can also run it locally but it's slow.
|
|
# ******************************************************************************
|
|
|
|
# Start in tasks/ even if run from root directory
|
|
cd "$(dirname "$0")"
|
|
|
|
# CLI and app temporary locations
|
|
# http://unix.stackexchange.com/a/84980
|
|
temp_cli_path=`mktemp -d 2>/dev/null || mktemp -d -t 'temp_cli_path'`
|
|
temp_app_path=`mktemp -d 2>/dev/null || mktemp -d -t 'temp_app_path'`
|
|
|
|
function cleanup {
|
|
echo 'Cleaning up.'
|
|
cd "$root_path"
|
|
rm -rf "$temp_cli_path" "$temp_app_path"
|
|
}
|
|
|
|
# Error messages are redirected to stderr
|
|
function handle_error {
|
|
echo "$(basename $0): ERROR! An error was encountered executing line $1." 1>&2;
|
|
cleanup
|
|
echo 'Exiting with error.' 1>&2;
|
|
exit 1
|
|
}
|
|
|
|
function handle_exit {
|
|
cleanup
|
|
echo 'Exiting without error.' 1>&2;
|
|
exit
|
|
}
|
|
|
|
# Check for the existence of one or more files.
|
|
function exists {
|
|
for f in $*; do
|
|
test -e "$f"
|
|
done
|
|
}
|
|
|
|
# Check for accidental dependencies in package.json
|
|
function checkDependencies {
|
|
if ! awk '/"dependencies": {/{y=1;next}/},/{y=0; next}y' package.json | \
|
|
grep -v -q -E '^\s*"react(-dom|-scripts)?"'; then
|
|
echo "Dependencies are correct"
|
|
else
|
|
echo "There are extraneous dependencies in package.json"
|
|
exit 1
|
|
fi
|
|
}
|
|
|
|
function create_react_app {
|
|
node "$temp_cli_path"/node_modules/create-react-app/index.js $*
|
|
}
|
|
|
|
# Exit the script with a helpful error message when any error is encountered
|
|
trap 'set +x; handle_error $LINENO $BASH_COMMAND' ERR
|
|
|
|
# Cleanup before exit on any termination signal
|
|
trap 'set +x; handle_exit' SIGQUIT SIGTERM SIGINT SIGKILL SIGHUP
|
|
|
|
# Echo every command being executed
|
|
set -x
|
|
|
|
# Go to root
|
|
cd ..
|
|
root_path=$PWD
|
|
|
|
# Clear cache to avoid issues with incorrect packages being used
|
|
if hash yarnpkg 2>/dev/null
|
|
then
|
|
# AppVeyor uses an old version of yarn.
|
|
# Once updated to 0.24.3 or above, the workaround can be removed
|
|
# and replaced with `yarnpkg cache clean`
|
|
# Issues:
|
|
# https://github.com/yarnpkg/yarn/issues/2591
|
|
# https://github.com/appveyor/ci/issues/1576
|
|
# https://github.com/facebookincubator/create-react-app/pull/2400
|
|
# When removing workaround, you may run into
|
|
# https://github.com/facebookincubator/create-react-app/issues/2030
|
|
case "$(uname -s)" in
|
|
*CYGWIN*|MSYS*|MINGW*) yarn=yarn.cmd;;
|
|
*) yarn=yarnpkg;;
|
|
esac
|
|
$yarn cache clean
|
|
fi
|
|
|
|
if hash npm 2>/dev/null
|
|
then
|
|
# npm 5 is too buggy right now
|
|
if [ $(npm -v | head -c 1) -eq 5 ]; then
|
|
npm i -g npm@^4.x
|
|
fi;
|
|
npm cache clean || npm cache verify
|
|
fi
|
|
|
|
# Prevent bootstrap, we only want top-level dependencies
|
|
cp package.json package.json.bak
|
|
grep -v "postinstall" package.json > temp && mv temp package.json
|
|
npm install
|
|
mv package.json.bak package.json
|
|
|
|
if [ "$USE_YARN" = "yes" ]
|
|
then
|
|
# Install Yarn so that the test can use it to install packages.
|
|
npm install -g yarn
|
|
yarn cache clean
|
|
fi
|
|
|
|
# We removed the postinstall, so do it manually
|
|
node bootstrap.js
|
|
|
|
cd packages/react-error-overlay/
|
|
npm run build:prod
|
|
cd ../..
|
|
|
|
# ******************************************************************************
|
|
# First, pack and install create-react-app.
|
|
# ******************************************************************************
|
|
|
|
# Pack CLI
|
|
cd "$root_path"/packages/create-react-app
|
|
cli_path=$PWD/`npm pack`
|
|
|
|
# Install the CLI in a temporary location
|
|
cd "$temp_cli_path"
|
|
npm install "$cli_path"
|
|
|
|
# ******************************************************************************
|
|
# Test --scripts-version with a version number
|
|
# ******************************************************************************
|
|
|
|
cd "$temp_app_path"
|
|
create_react_app --scripts-version=0.4.0 test-app-version-number
|
|
cd test-app-version-number
|
|
|
|
# Check corresponding scripts version is installed.
|
|
exists node_modules/react-scripts
|
|
grep '"version": "0.4.0"' node_modules/react-scripts/package.json
|
|
checkDependencies
|
|
|
|
# ******************************************************************************
|
|
# Test --scripts-version with a tarball url
|
|
# ******************************************************************************
|
|
|
|
cd "$temp_app_path"
|
|
create_react_app --scripts-version=https://registry.npmjs.org/react-scripts/-/react-scripts-0.4.0.tgz test-app-tarball-url
|
|
cd test-app-tarball-url
|
|
|
|
# Check corresponding scripts version is installed.
|
|
exists node_modules/react-scripts
|
|
grep '"version": "0.4.0"' node_modules/react-scripts/package.json
|
|
checkDependencies
|
|
|
|
# ******************************************************************************
|
|
# Test --scripts-version with a custom fork of react-scripts
|
|
# ******************************************************************************
|
|
|
|
cd "$temp_app_path"
|
|
create_react_app --scripts-version=react-scripts-fork test-app-fork
|
|
cd test-app-fork
|
|
|
|
# Check corresponding scripts version is installed.
|
|
exists node_modules/react-scripts-fork
|
|
|
|
# ******************************************************************************
|
|
# Test project folder is deleted on failing package installation
|
|
# ******************************************************************************
|
|
|
|
cd "$temp_app_path"
|
|
# we will install a non-existing package to simulate a failed installataion.
|
|
create_react_app --scripts-version=`date +%s` test-app-should-not-exist || true
|
|
# confirm that the project folder was deleted
|
|
test ! -d test-app-should-not-exist
|
|
|
|
# ******************************************************************************
|
|
# Test project folder is not deleted when creating app over existing folder
|
|
# ******************************************************************************
|
|
|
|
cd "$temp_app_path"
|
|
mkdir test-app-should-remain
|
|
echo '## Hello' > ./test-app-should-remain/README.md
|
|
# we will install a non-existing package to simulate a failed installataion.
|
|
create_react_app --scripts-version=`date +%s` test-app-should-remain || true
|
|
# confirm the file exist
|
|
test -e test-app-should-remain/README.md
|
|
# confirm only README.md is the only file in the directory
|
|
if [ "$(ls -1 ./test-app-should-remain | wc -l | tr -d '[:space:]')" != "1" ]; then
|
|
false
|
|
fi
|
|
|
|
# ******************************************************************************
|
|
# Test --scripts-version with a scoped fork tgz of react-scripts
|
|
# ******************************************************************************
|
|
|
|
cd $temp_app_path
|
|
curl "https://registry.npmjs.org/@enoah_netzach/react-scripts/-/react-scripts-0.9.0.tgz" -o enoah-scripts-0.9.0.tgz
|
|
create_react_app --scripts-version=$temp_app_path/enoah-scripts-0.9.0.tgz test-app-scoped-fork-tgz
|
|
cd test-app-scoped-fork-tgz
|
|
|
|
# Check corresponding scripts version is installed.
|
|
exists node_modules/@enoah_netzach/react-scripts
|
|
|
|
# ******************************************************************************
|
|
# Test nested folder path as the project name
|
|
# ******************************************************************************
|
|
|
|
# Testing a path that exists
|
|
cd "$temp_app_path"
|
|
mkdir test-app-nested-paths-t1
|
|
cd test-app-nested-paths-t1
|
|
mkdir -p test-app-nested-paths-t1/aa/bb/cc/dd
|
|
create_react_app test-app-nested-paths-t1/aa/bb/cc/dd
|
|
cd test-app-nested-paths-t1/aa/bb/cc/dd
|
|
npm start -- --smoke-test
|
|
|
|
# Testing a path that does not exist
|
|
cd "$temp_app_path"
|
|
create_react_app test-app-nested-paths-t2/aa/bb/cc/dd
|
|
cd test-app-nested-paths-t2/aa/bb/cc/dd
|
|
npm start -- --smoke-test
|
|
|
|
# Testing a path that is half exists
|
|
cd "$temp_app_path"
|
|
mkdir -p test-app-nested-paths-t3/aa
|
|
create_react_app test-app-nested-paths-t3/aa/bb/cc/dd
|
|
cd test-app-nested-paths-t3/aa/bb/cc/dd
|
|
npm start -- --smoke-test
|
|
|
|
# Cleanup
|
|
cleanup
|