Alexander Kustov alexanderkustov

Thanks for your interest in applying for the position of QA engineer with Axate. We have received an unexpectedly large number of applicants. To help us make sure you're the right fit for Axate (and that Axate is the right fit for you!) please answer the following questions. We don't require lengthy answers - we are looking to understand your approach.

Approach to QA Testing in Modern Web Applications

Can you describe your strategy for QA testing in modern web applications (react/typescript)?
How would you keep testing and the code independent from the codebase and clearly maintainable?
What methodologies do you use, and how do you ensure that test coverage is thorough and that the tests remain maintainable?

Testing the User Journey on Axate.com:

Background image gradient overlay

Using the :after element to add a gradient overlay to a background image. Blog post: http://alexcarpenter.me/blog/2013/background-image-gradient-overlay

A Pen by Alexander on CodePen.

License.

	<div class="container">

	<!-- TABS -->
	<ul class="nav nav-tabs" id="myTabs">
	<li class="nav-item">
	<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#summary">Summary</button>
	</li>

	<li class="nav-item">
	<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#casual">Casual Payments</button>

	<!DOCTYPE html>
	<html>
	<head>
	<title>Offline for Maintenance</title>
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
	</head>
	<body>
	<div id="main">
	<img id="animated-logo" src="assets/img/codebar-girl.gif" height="200">
	<div id="message">

	<script type="text/javascript" src="https://www.simplify.com/commerce/simplify.pay.js"></script>
	<button data-sc-key="YOUR_PUBLIC_HOSTED_WHATEVER_KEY"
	data-operation='create.token'
	data-redirect-url='http://localhost:8000/'
	data-submit-label='Register Card'
	data-color="#12B830">
	Tokenize Now
	</button>

	ffd8 ffe0 0010 4a46 4946 0001 0101 0190
	0190 0000 fffe 0050 4669 6c65 2073 6f75
	7263 653a 2068 7474 703a 2f2f 636f 6d6d
	6f6e 732e 7769 6b69 6d65 6469 612e 6f72
	672f 7769 6b69 2f46 696c 653a 4d69 6e69
	6174 7572 655f 6f66 5f41 6461 5f42 7972
	6f6e 2e6a 7067 ffdb 0043 0006 0405 0605
	0406 0605 0607 0706 080a 100a 0a09 090a
	140e 0f0c 1017 1418 1817 1416 161a 1d25
	1f1a 1b23 1c16 1620 2c20 2326 2729 2a29

	<platform name="ios">

	<!-- iOS 7.0+ -->
	<!-- iPhone / iPod Touch -->
	<icon src="icons/ios/icon-60.png" width="60" height="60" />
	<icon src="icons/ios/[email protected]" width="120" height="120" />

	<!-- iPad -->
	<icon src="icons/ios/icon-76.png" width="76" height="76" />
	<icon src="icons/ios/[email protected]" width="152" height="152" />

	function editProfile(e) {
	var url = mainserver + "/users/"+Alloy.Globals.user_id+"/?format=json&auth_token=" + Alloy.Globals.auth_token ;

	var client = Ti.Network.createHTTPClient({
	onload : function(e) {
	Ti.API.info("Received text: " + this.responseText);
	alert('Profile updated!');

	},
	onerror : function(e) {

	<!-- Begin MailChimp Signup Form -->
	<div id="mc_embed_signup">
	<form action="http://socialventurecrowd.us8.list-manage.com/subscribe/post?u=65166a9d83a88ab13bd084f23&id=e24556bd28" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

	<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address </label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
	</div>
	<div id="mce-responses" class="clear">
	<div class="response" id="mce-error-response" style="display:none"></div>

	<!-- Home -->
	<div data-role="page" id="page1">
	<div data-theme="c" data-role="header">
	<a data-role="button" href="#page1" class="ui-btn-right">
	Menu
	</a>
	<h3>
	Heineken
	</h3>
	</div>