How can we access Polymer frontend code with Spec by Example using FitNesse?
- Install node.js (version >= 7.6).
- Install Java (version >= 6).
- Install the Selenium standalone server - either manually or globally via npm.
- Install the Selenium driver for your browser:
- You can place the downloaded files in the
selenium
folder. In any case, double-check and adapt the paths used in theselenium-...
scripts inpackage.json
.
- FitNesse - it is checked in. The checked-in version is v20161106.
- SlimJS - it is installed via NPM.
- Webdriver.IO - it is installed via NPM.
- Start Selenium via
npm run selenium-firefox
ornpm run selenium-chrome
(make sure you adapted the paths in the command). - Start FitNesse via
npm run fitnesse
(adapt the port in the command if necessary). - Point your browser to http://localhost:8080/ExperimentPage.SimpleTest.
- Run the example tests by pressing the "Test" button near the top of the page. This will take some time!
The first table, labeled "Check Page Title", should be green, whereas the others should be red.
This way, you can explore which attempts I made so far, which worked well for me and which didn't.
You can find the corresponding fixtures (i.e.~the glue code between the tables and the websites) in the fixtures
folder.
Their names match the names in the table headers (modulo whitespace and non-text characters).