To install with dev dependencies, run:
yarn
To run a dev server with hot reloading:
yarn run dev
Now it's running at localhost:4002
.
Linux users: for file changes to work,
you'll probably want to run export CHOKIDAR_USEPOLLING=1
because of this issue.
Pinafore uses JavaScript Standard Style.
Lint:
yarn run lint
Automatically fix most linting issues:
yarn run lint-fix
Integration tests use TestCafé and a live local Mastodon instance
running on localhost:3000
.
The integration tests require running Mastodon itself,
meaning the Mastodon development guide
is relevant here. In particular, you'll need a recent
version of Ruby, Redis, and Postgres running. For a full list of deps, see bin/setup-mastodon-in-travis.sh
.
Run integration tests, using headless Chrome by default:
npm test
Run tests for a particular browser:
BROWSER=chrome yarn run test-browser
BROWSER=chrome:headless yarn run test-browser
BROWSER=firefox yarn run test-browser
BROWSER=firefox:headless yarn run test-browser
BROWSER=safari yarn run test-browser
BROWSER=edge yarn run test-browser
If the script isn't able to set up the Postgres database, try running:
sudo su - postgres
Then:
psql -d template1 -c "CREATE USER pinafore WITH PASSWORD 'pinafore' CREATEDB;"
In separate terminals:
1. Run a Mastodon dev server:
yarn run run-mastodon
2. Run a Pinafore dev server:
yarn run dev
3. Run a debuggable TestCafé instance:
npx testcafe --debug-mode chrome tests/spec
The tests have a naming convention:
0xx-test-name.js
: tests that don't modify the Mastodon database (read-only)1xx-test-name.js
: tests that do modify the Mastodon database (read-write)
In principle the 0-
tests don't have to worry about
clobbering each other, whereas the 1-
ones do.
There are two parts to the Mastodon data used for testing:
- A Postgres dump and a tgz containing the media files, located in
fixtures
- A script that populates the Mastodon backend with test data (
restore-mastodon-data.js
).
The reason we don't use a Postgres dump for everything is that Mastodon will ignore changes made after a certain period of time, and we don't want our tests to randomly start breaking one day. Running the script ensures that statuses, favorites, boosts, etc. are all "fresh".
You probably don't want to do this, as the 0xx
tests are pretty rigidly defined against the test data.
Write a 1xx
test instead and insert what you need on-the-fly.
If you really need to, though, you can either:
- Add new test data to
mastodon-data.js
or
- Comment out
await restoreMastodonData()
inrun-mastodon.js
- Make your changes manually to the live Mastodon
- Run the steps in the next section to back it up to
fixtures/
- Run
rm -fr mastodon
to clear out all Mastodon data - Comment out
await restoreMastodonData()
inrun-mastodon.js
to avoid actually populating the database with statuses/favorites/etc. - Update the
GIT_TAG
inmastodon-config.js
to whatever you want - If the Ruby version changed (check Mastodon's
.ruby-version
), install it and updateRUBY_VERSION
inmastodon-config.js
as well as the Ruby version in.github/workflows
. - Run
yarn run-mastodon
- Run
yarn backup-mastodon-data
to overwrite the data infixtures/
- Uncomment
await restoreMastodonData()
inrun-mastodon.js
- Commit all changed files
- Run
rm -fr mastodon/
andyarn run run-mastodon
to confirm everything's working
Check mastodon.log
if you have any issues.
Note that we also run db:migrate
just to play it safe, but
updating the fixtures/
should make that a no-op.
There are also some unit tests that run in Node using Mocha. You can find them in tests/unit
and
run them using yarn run test-unit
.
To disable minification in a production build (for debugging purposes), you can run:
DEBUG=1 yarn build
The Webpack Bundle Analyzer report.html
and stats.json
are available publicly via e.g.:
This is also available locally after yarn run build
at .sapper/client/report.html
.
This section only applies to dev.pinafore.social
and pinafore.social
, not if you're hosting your own version of
Pinafore.
The site uses Vercel. The master
branch publishes to dev.pinafore.social
and the production
branch deploys to pinafore.social
.
See Architecture.md.