Dropbox Express with ECMAScript 6+
Part 5: A sandbox.
May 28 2015.
In part 4, we wrote a simple app that counts files in a Dropbox folder. It passes its test! Now let's see what it looks like in the browser.
Up and running.
If you run
npm start now, you'll get an error: "No API key supplied."
We made our test load its configuration via
dotenv, but we didn't
make the application do it. Add this line to the top of
Visit http://localhost:3000/ and it will tell you that there are 0 files in the folder.
Of course, any good QA engineer knows that doesn't mean it's working. We could just have an app that says there are 0 files, no matter how many files there actually are. Let's make sure this is for real by adding a file to the Dropbox.
If you named your app "journal dev" like I did, and you have the Dropbox
desktop app installed, by this point you should have an empty folder, also
journal dev, inside the
Apps folder of your dropbox. You can
add some empty files to it from the command line:
touch ~/Dropbox/Apps/journal\ test/2015-05-27.html touch ~/Dropbox/Apps/journal\ test/2015-05-28.html
Reload http://localhost:3000/. Voila! Two files. The system works!
One problem: Now if you run
npm test, you'll get an error:
Expected "Files found: 2" to match "/Files found: 0/i"
We meddled with the folder we used for testing, and now the test's assumption of an empty folder is no longer true. We could update the test to reflect the new reality, but we don't want to have to change the test every time we put something in the folder. Instead, we need separate environments for testing and development.
The best way I've found is to create a separate Dropbox app. Just like in part 4, use the Dropbox App Console to create a new app, again limited to its own folder (I called mine "journal test"), and generate an application token for it.
Create a second configuration file for our test environment, called
.env.test. It should look just the same as
.env, but with the new
test/acceptance_test.js, change the
And make sure you don't check your new access token into git:
git ignore .env.test
npm test passes again, because your new test app's folder is empty.
npm start and your dev environment counts files in the dev folder.
But file counts are boring. In part 6, we'll choose a file and see
what's inside it.