To setup your own development tree start with cloning this repo (https://github.com/TangereJs/TangereJs).
Then run
update.sh user pass
where user is your github user name and pass is your password.
This will first save any components/at- directories (which fails the first time, but this can savely be ignored), then uses bower to get all dependencies, restores the saved components/at- and then uses git to check out the full components/at- repos.
After the script is finished all at- components contain complete the git repos. So the files can be changed and then directly pushed to git.
-
Install node.js
-
Open command prompt with Administrative priveleges.
mklink
command requires admin preveleges -
Install bower with npm
npm install -g bower
-
Install wct with npm
npm install -g web-component-tester
-
Clone https://github.com/TangereJs/TangereJs into folder of your choice
git clone https://github.com/TangereJs/TangereJs
-
run bower install for tangerejs
bower install
-
navigate to component of your choice (ie.
at-form-text
)cd components
cd at-form-text
-
create a symlink for tangerejs/components with name of bower_components
mklink /D bower_components c:\<path_to_folder_of_your_choice>\TangereJs\components
-
run wct
- Login on travis-ci.org with your github credentials
- travis-ci will import repositories from github which have .travis.yml file
- To run tests your account has to be the owner of the repository
- Click My Repositories link on the panel on the left
- Click on the repository of your choice
- Click build on the panel on the right
Trigger travis-ci build
- note the
%AppData%\Roaming\npm\node_modules\web-component-tester\node_modules\selenium-standalone\.selenium\iedriver
- also note the
%AppData%\Roaming\npm\node_modules\web-component-tester\node_modules\selenium-standalone\lib\default-config.js
- the
default-config.js
file declares that ie driver version of 3.9.0 should be installed and used. This version doesn't work on windows 10 and IE11. - version 3.11.1-x64-IEDriverServer.zip works
- download the zip file, extract zip, copy
IEDriverServer.exe
toiedriver
folder from2.
, and rename to3.9.0-x64-IEDriverServer.exe
- the rename is required because version
3.9.0
is declared indefault-config.js
- note the
%AppData%\Roaming\npm\node_modules\web-component-tester\node_modules\selenium-standalone\.selenium\selenium-server
- The installed version is
3.8.1
. This version doesn't work withie driver v3.11.1
- Download selenium-server-standalone-3.12.0, copy it to folder from
7.
- rename it to
3.8.1-server
because version3.8.1
is declared indefault-config.js
- testing in IE11 now works
- open the
%AppData%\Roaming\npm\node_modules\web-component-tester\node_modules\wct-local\lib\browsers.js
- Note the
LAUNCHPAD_TO_SELENIUM
variable on Line 22 - add entry for
edge
asedge: edge
LAUNCHPAD_TO_SELENIUM
should now look like this
const LAUNCHPAD_TO_SELENIUM = {
chrome: chrome,
canary: chrome,
firefox: firefox,
aurora: firefox,
ie: internetExplorer,
safari: safari,
edge: edge // this one was added
};
- Find the
// Launchpad -> Selenium
comment - Add following code bellow that line
function edge(browser, browserOptions) {
return {
'browserName': 'MicrosoftEdge',
'version': browser.version
};
}
- I do not quite understand why browser name has to be
MicrosoftEdge
instead of justedge
but there you have it - note the
%AppData%\Roaming\npm\node_modules\web-component-tester\node_modules\selenium-standalone\.selenium\edgedriver
- note the version of EdgeHTML of you edge browser. For me it was Microsoft EdgeHTML 16.16299
- My edge driver was 16299-MicrosoftEdgeDriver.exe, so the version of edgeHTML (.16299) and driver version (16299) should match
- If edgeHtml version and driver versions do not match download and install a matching version from https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/
- testing on Edge now works