testgen/index.html

90 lines
3.5 KiB
HTML
Raw Permalink Normal View History

2017-09-08 17:57:29 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.css" />
2017-09-18 16:32:45 +00:00
<title>Multivar TestGen</title>
2017-10-03 15:32:33 +00:00
<style>[v-cloak] { display: none }</style>
2017-09-08 17:57:29 +00:00
</head>
<body>
<section class="section">
<div class="container" id="app">
2017-09-11 13:54:47 +00:00
2017-09-08 17:57:29 +00:00
<h1 class="title">Multivariable TestGenerator</h1>
2017-09-11 13:59:37 +00:00
<p class="subtitle">Enter each set of variables separated by an empty line. Paste the output into a Jira test case!</p>
2017-09-11 13:54:47 +00:00
2017-09-11 13:59:37 +00:00
<hr>
2017-10-26 17:18:37 +00:00
<label class="label">Formatting Preset</label>
<div class="control">
<label class="radio">
<input type="radio" name="format-preset" @click="preset_export(true)" checked>
Export Tool
</label>
<label class="radio">
<input type="radio" name="format-preset" @click="preset_export(false)">
2017-10-26 17:19:51 +00:00
Copy/Paste
2017-10-26 17:18:37 +00:00
</label>
</div>
<br>
2017-09-11 13:54:47 +00:00
<div class="field is-grouped">
<div class="control">
<label class="label">Prefix</label>
<input style="font-family:monospace;" v-model="prefix" type="text" class="input">
</div>
<div class="control">
<label class="label">Delimiter</label>
<input style="font-family:monospace;" v-model="delimiter" type="text" class="input">
</div>
<div class="control">
<label class="label">Suffix</label>
<input style="font-family:monospace;" v-model="suffix" type="text" class="input">
</div>
</div>
2017-09-11 13:59:37 +00:00
<p><em>These presets will display the combinations as a bulleted list with Jira formatting. Feel free to change them as needed.</em></p>
2017-10-26 17:18:37 +00:00
2017-09-11 13:59:37 +00:00
<hr>
2017-09-11 13:54:47 +00:00
2017-09-08 17:57:29 +00:00
<div class="field">
2017-09-11 13:54:47 +00:00
<label class="label">Variables</label>
2017-09-11 17:40:43 +00:00
<em>Lines starting with <code>#</code> are comments.</em>
2017-10-03 15:38:31 +00:00
<div class="control"><textarea style="font-family:monospace; resize:vertical;" rows="20" v-model="n" class="textarea"></textarea></div>
2017-09-08 17:57:29 +00:00
</div>
2017-09-11 13:54:47 +00:00
2017-10-25 19:36:45 +00:00
<br>
<hr>
2017-09-11 14:57:57 +00:00
<p v-cloak><strong>{{ combos.length }}</strong> {{ pluralize("test case", combos.length) }}</p>
2017-10-25 19:36:45 +00:00
<form action="export.php" method="POST">
2017-10-26 17:18:37 +00:00
<p class="control">
<textarea v-cloak name="test_cases" style="font-family:monospace; resize:vertical;" rows="30" class="textarea">{{ combos.join('\n') }}</textarea>
</p>
<p class="control">
<button class="button is-success" type="submit">export to excel template</button>
</p>
2017-10-25 19:36:45 +00:00
</form>
2017-09-11 13:54:47 +00:00
2017-09-08 17:57:29 +00:00
</div>
</section>
2017-09-11 13:54:47 +00:00
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>Variable Combination Generator</p>
<p>More info on <a href="https://hagerty.atlassian.net/wiki/spaces/QA/pages/56328193/Test+Data+Generator">Confluence</a>.</p>
</div>
</div>
</footer>
2017-09-18 16:32:45 +00:00
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<script src="app.js"></script>
2017-09-08 17:57:29 +00:00
</body>
</html>