January 2015 – Software Testing

I’m working on a project to practice test automation. So, I’ve choose WordPress.org framework and integrated cucumber + selenium web driver.

New Media Feature:

Feature Screenshot:

Html Source Code:

&lt;&lt;span class=&quot;pl-ent&quot;&gt;p&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;id&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;async-upload-wrap&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&gt;&lt;/div&gt;
&lt;div id=&quot;file-upload-html-LC2&quot; class=&quot;line&quot;&gt;&lt;&lt;span class=&quot;pl-ent&quot;&gt;label&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;for&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;async-upload&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;screen-reader-text&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&gt;Upload&lt;/&lt;span class=&quot;pl-ent&quot;&gt;label&lt;/span&gt;&gt;&lt;/div&gt;
&lt;div id=&quot;file-upload-html-LC3&quot; class=&quot;line&quot;&gt;&lt;&lt;span class=&quot;pl-ent&quot;&gt;input&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;type&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;file&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;id&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;async-upload&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;name&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;async-upload&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&gt;&lt;/div&gt;
&lt;div id=&quot;file-upload-html-LC4&quot; class=&quot;line&quot;&gt;&lt;&lt;span class=&quot;pl-ent&quot;&gt;input&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;type&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;submit&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;value&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;Upload&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;button&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;id&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;html-upload&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;name&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;html-upload&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&gt;&lt;/div&gt;
&lt;div id=&quot;file-upload-html-LC5&quot; class=&quot;line&quot;&gt;&lt;&lt;span class=&quot;pl-ent&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;onclick&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;try{top.tb_remove();}catch(e){}; return false;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;pl-e&quot;&gt;href&lt;/span&gt;=&lt;span class=&quot;pl-s1&quot;&gt;&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;#&lt;span class=&quot;pl-pds&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&gt;Cancel&lt;/&lt;span class=&quot;pl-ent&quot;&gt;a&lt;/span&gt;&gt;&lt;/div&gt;
&lt;div id=&quot;file-upload-html-LC6&quot; class=&quot;line&quot;&gt;&lt;/&lt;span class=&quot;pl-ent&quot;&gt;p&lt;/span&gt;&gt;&lt;/div&gt;
&lt;div class=&quot;line&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;file-upload-html-LC7&quot; class=&quot;line&quot;&gt;

Now, in step definitions I can write this – to directly show the local file (images, pdf, locations)

Step_definitions:

&lt;/div&gt;
&lt;div class=&quot;line&quot;&gt;When &quot;I upload a file&quot; do&lt;/div&gt;
&lt;div id=&quot;file-upload_steps-LC2&quot; class=&quot;line&quot;&gt;attach_file('file','features/upload_files/theme-unit-test-data.xml')&lt;/div&gt;
&lt;div id=&quot;file-upload_steps-LC3&quot; class=&quot;line&quot;&gt;end&lt;/div&gt;
&lt;div class=&quot;line&quot;&gt;

Media-lib.feature

&lt;/div&gt;
&lt;div class=&quot;line&quot;&gt;When I upload a file&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;line&quot;&gt;

It works as we have type=”file” and finds and system uploads file to system

Now if we go that way, sometimes it will not work. If we look that source code

Importing XML File:

Source Code Html:

&lt;/div&gt;
&lt;p&gt;
&lt;label for=&quot;upload&quot;&gt;Choose a file from your computer:&lt;/label&gt; (Maximum size: 32 MB)
&lt;input type=&quot;file&quot; size=&quot;25&quot; name=&quot;import&quot; id=&quot;upload&quot;&gt;
&lt;input type=&quot;hidden&quot; value=&quot;save&quot; name=&quot;action&quot;&gt;
&lt;input type=&quot;hidden&quot; value=&quot;33554432&quot; name=&quot;max_file_size&quot;&gt;
&lt;/p&gt;

Now, in that case, I found it go confused and I needed generic solution to test.

Step definitions:


When /^I upload a &quot;(.+)&quot; file with &quot;(.+)&quot; and located at &quot;(.+)&quot;$/ do |file_name, name_selector, path|
attach_file(name_selector, &quot;#{path}/#{file_name}&quot;)
end

Upload.features

And I upload a &quot;theme-unit-test-data.xml&quot; file with &quot;file&quot; and located at &quot;/Users/sakib/Documents/projects/wp-automation/features/upload_files&quot;

Pre-requirement:

WordPress.org (Configured and execute on local server)
Cucumber
Capybara

Software Testing

Breaking bad for good reasons

Month: January 2015

Cucumber: Upload file to system