Just keep coding…
If you’re trying to test with selenium and splinter, and getting failed tests in phantomjs but the tests work in chrome or firefox, try these settings:
browser = Browser(‘phantomjs’, service_args=[‘–ignore-ssl-errors=true’, ‘–ssl-protocol=any’, ‘–webdriver-loglevel=DEBUG’])
browser .driver.maximize_window()
browser .driver.set_window_size(1024, 1024)
Jasmine is a great unit testing tool for angular and for javascript. You have the ability to run your unit tests through chrome, firefox, phantomjs and several more.
For this post I’ll be setting up the jasmine environment to run through firefox, chrome and then the ghost browser: phantomjs.
Make sure you have npm installed
Install karma and karma-cli globally (remove -g if you just want it locally)
npm install -g karma
npm install -g karma-cli
In a new folder create your package.json file by running:
npm install init (insert your project details)
npm install karma –save-dev
npm install karma-jasmine –save-dev
npm install karma-firefox-launcher –save-dev
npm install karma-chrome-launcher –save-dev
npm install karma-phantomjs-launcher –save-dev
The –save-dev will indicate to npm that it should add this library as a dependency in your package.json file.
You will see the following content added to package.json
“devDependencies”: {
“jasmine-core”: “^2.3.4”,
“karma”: “^0.13.12”,
“karma-
chrome-launcher”: “^0.2.1”,
“karma-firefox-launcher”: “^0.1.6”,
“karma-jasmine”:
“^0.3.6”,
“karma-phantomjs-launcher”: “^0.2.1”,
“phantomjs”: “^1.9.18”
},
To generate your karma.conf.js file, run the following command:
karma init karma.conf.js
Then follow the following setup process:
Do you want to capture any browsers automatically?
PhantomJS
Chrome
Firefox
What is the location of your source and test file?
test/unit/**/*Spec.js
There is not file matching this pattern. (Add a test/unit/TestSpec.js, make sure you
have the folders test/unit set up)
in your file, TestSpec.js add:
describe(‘Hello moo’, function () {
it(‘Goes baa’, function() {});
});
Then run
karma start karma.conf.js
Phantomjs will run, then Chrome broswer will open up, Firefox browser will open up.
Karma should say:
PhantomJS 1.9.8 (Windows 8 0.0.0) is idle
Chrome 46.0.2490 (Windows 8.1 0.0.0) is idle
Firefox 41.0.0 (Windows 8.1 0.0.0) is idle
You will see in your command line: Executed 1 of 1 SUCCESS.
(If there’s no success you may have a typo in your test js file)
You now have your testing environment configured.
Read about the types of tests you can write on the jasmine documentation website, http://jasmine.github.io/.
Make sure you have the right stuff installed
sudo apt-get install nodejs nodejs-dev npm
Check you have nodejs installed by requesting the version
nodejs -v
Check you have npm installed by requesting the version
npm -v
I kept getting errors from npm, eg:
Object #<Object> has no method ‘_extend’
I had to update my nodejs. When I checked the version of nodejs I had a 0.6.x version.
I struggled to update nodejs, but found this script online that helped:
sudo apt-get install curl
curl –silent –location https://deb.nodesource.com/setup_4.x | sudo bash –
sudo apt-get install nodejs
Which came from askubuntu.com. http://askubuntu.com/questions/49390/how-do-i-install-the-latest-version-of-node-js
sudo npm install -g phantomjs
Run this command if you would like to commit just one file to git:
git commit -m ‘commit comment’ file-path
With ‘commit comment’ being the commit message you want to add. And ‘file-path’ being the path to your file and the file name.
Uncomment in php.ini by removing the semi-colon ‘;’ :
extension=php_sqlite3.dll
Save and restart your apache.
Some tutorials mention also adding:
extension=php_pdo.dll
But this didn’t work for me.
If you receive the error:
PHP Startup: Unable to load dynamic library ‘C:\xampp\php\ext\php_pdo.dll’ – The specified module could not be found.
Just comment out the ddl:
;extension=php_pdo.dll
Go to the folder you would like to add your sqlite database, then run
sqlite3
Make sure that the location of where your sqlite3 executable is located is added in your environment variables.
Which will start an sqlite3 interface up. In there type:
.open database.sqlite
With ‘database.sqlite’ being your database file name. Make it whatever you would like it to be.
To exit the interface click “ctrl + c”.
Now you will see a newly created file in your directory.
Adding environment variables is important to know. Environment variables are values that can be stored on your computer that can then be referenced by you computer.
Scenario: Adding python to a windows pc
Setting up python on a windows pc, you will need to make sure there is an environment variable set up to reference the command “python”. This will point to the python executable on your pc.
To view all your environment variables on windows you do the following:
The most common environment variables to edit are the values in the “Path”. This will allow you to point to an executable in a file path.
If for example you have php installed on your pc, but you cannot run php in the command line, you need to update or add the correct filepath to point to the php executable, which is often here: C:\xampp\php
Returning to python, I have python installed here: C:\Python27\Scripts. So I have made sure this file path is in my environment variable “Path”.
Remember to seperate multiple paths with a semi colon ‘;’.
Eg
C:\Python27\Scripts; C:\xampp\php;
This will remain the same for any program you want to run in your command line. If the file path is not in your environment variables you won’t be able to run the program from your command line.
You need to open a new command line instance in order to use the environment variable. You won’t be able use the path reference in the same command line window.
Make sure you have apache and phpmyadmin installed. You can download and install xampp here, which will provide you with both and more.
https://www.apachefriends.org/download.html
You will also need an internet connection.
This is easier if you use Linux, but if you prefer using Windows here is a quick guide.
Follow the online instructions to get wp-cli.phar:
If that doesn’t help try these alternative install methods:
https://github.com/wp-cli/wp-cli/wiki/Alternative-Install-Methods
Add the wp-cli.phar file to your system. I have a bin folder on Windows that I add any .phar files to.
C:\bin\wp-cli.phar
To run the wp-cli.phar on windows you will need to use the following command:
php [filepath]\wp-cli.phar
With [filepath]\ being the path to the location of your wp-cli.phar file.
Eg:
php C:\bin\wp-cli.phar
Check that the wp-cli.phar is working:
Run
php C:\bin\wp-cli.phar –info
Go to your phpmyadmin, and add a blank database for your new wordpress to use. Typically your phpmyadmin will be here: http://localhost/phpmyadmin.
Just click on the “Databases” tab and create a new database called wp-test.
Add the mysql.exe filepath to your environment variables so that the command line can run mysql. You also need to have the php.exe filepath in your evironment variables;
Eg I added the below to my PATH variable in my evironment variables:
mysql
C:\xampp\mysql\bin;
php
C:\xampp\php;
Remember to separate each file path with a semicolon ;.
Read this post if you need to learn how to add to your environment variables.
Go to the directory you want to add wordpress to. This will need to be on a server like apache. If you have xampp installed add wordpress in the htdocs folder.
Eg
cd C:\xampp\htdocs\wordpress\
This can be in any directory you like, just create the directory you want to install in and make sure you are in that directory in your command line.
Step 1. Now that you have wp-cli.phar working download wordpress.
Run
php C:\bin\wp-cli.phar core download
The bonus of this approach is if you have already downloaded wordpress it will be cached on your system and the system will use that cached copy to install. You do not need to download it every time.
Step 2. Every wordpress installation needs a wp-config.php file. Run the below to create the file.
Run
php C:\bin\wp-cli.phar core config –dbname=[db name] –dbuser=[db user] –dbpass=[db pass]
Eg
php C:\bin\wp-cli.phar core config –dbname=wp-test –dbuser=root
I have left out the –dbpass as I don’t have a password. By default in phpmyadmin the user name will be root and the password blank.
If you get this error, you need to check that you have the mysql.exe location in your environment variables.
Error:
‘mysql’ is not recognized as an internal or external command, operable program or batch file.
You need to open a new command line instance in order to use the environment variable. You won’t be able use the mysql path reference in the same command line window.
Step 3. This is where you add in your admin user details and database details.
Run
php C:\bin\wp-cli.phar core install –title=’Test’ –admin_user=[your user name] –admin_password=[your password] –admin_email=[your email] –url=[your wordpress url]
Eg
php C:\bin\wp-cli.phar core install –title=’Test’ –admin_user=admin –admin_password=securepassword –[email protected] –url=http://localhost/wordpress/
You now have the ability to get wordpress up and running through the command line.
In python to convert a string to an int or an int to a string you use int() and str()
str(3)
‘3’
int(‘3’)
3
Basics of command line explained. Functionality you should become familiar with.
The command line interface has become useful for scaffolding development projects in less time and with less effort.
With tools like git offering a simple but powerful version control interface it is becoming very important to add the command line to your toolbelt.
There are multiple online package libraries from which to download and install using the command line.
For php there is packagist.
For python there is pip.
For front end packages like angular or jquery and much more, there is npm.
So here’s a quick overview of the beginner stuff.
When you open your command line tool, you will be in a particular folder on your computer. For windows you may be in C:\ and for ubuntu you may be in ~/
To change your location you can use command cd
cd [path]
Windows
Eg: cd C:/Projects/
Linux
Eg: cd ~/Projects
As you move around the different folders on your computer you will want to see what other folders or files are within the folder you change to.
For Linux you will use the command ls:
ls
For Windows you will use the command dir:
dir
These will return a list of files and folders in the current folder.
You can combine this with a folder path in order to see a list of files and folders in a folder you are not currently in.
Linux:
ls [folder location]
Eg: ls /var/log
Windows:
dir /a [folder location]
Eg: dir /a C:/
Create a directory in the current location.
mkdir
If you want to create a directory in a different location you will need to use cd to go there.
Ubuntu:
touch [filename]
eg touch index.html
Windows:
There are multiple ways to create a file in windows. You will just need to select the approach that works for you. Below are two of the various ways to create files on windows.
echo 2> [filename]
fc >> [filename]
Alternatively you can use notepad:
notepad [filename]
This will open up notpad which will then ask you if you would like to create a file named [filename]
ren
ren [current filename] [new filename]
For Linux use rm
rem [filename]
For Windows use
DEL [filename]
This is only the tip of the iceberg. The command line is a very powerful interface and can save you a lot of time.
Create a .gitignore file using the command line tool for Windows and Linux.
echo 2> t.gitignore
ren t.gitignore .gitignore
touch t.gitignore
mv t.gitignore .gitignore
