diff --git a/test/ui-testing/heading.test.js b/test/ui-testing/heading.test.js
new file mode 100644
index 00000000..f2b2c3e7
--- /dev/null
+++ b/test/ui-testing/heading.test.js
@@ -0,0 +1,35 @@
+const timeout = process.env.SLOWMO ? 60000 : 10000;
+const fs = require('fs');
+beforeAll(async () => {
+  path = fs.realpathSync('file://../examples/index.html');
+  await page.goto('file://' + path, {waitUntil: 'domcontentloaded'});
+});
+
+describe('Heading Text', () => {
+  test('Adding and switching between headings', async () => {
+    await page.click('.woofmark-mode-markdown');
+    await page.waitForSelector('.ple-module-body');
+    await page.click('.ple-textarea');
+    
+    await page.click('.woofmark-command-heading');
+    let stringIsIncluded = await page.evaluate(() => document.querySelector('.ple-textarea').value.includes('#Heading Text'));
+    expect(stringIsIncluded).toBe(true);
+
+    await page.click('.woofmark-command-heading');
+    stringIsIncluded = await page.evaluate(() => document.querySelector('.ple-textarea').value.includes('##Heading Text'));
+    expect(stringIsIncluded).toBe(true);
+
+    await page.click('.woofmark-command-heading');
+    stringIsIncluded = await page.evaluate(() => document.querySelector('.ple-textarea').value.includes('###Heading Text'));
+    expect(stringIsIncluded).toBe(true);
+
+    await page.click('.woofmark-command-heading');
+    stringIsIncluded = await page.evaluate(() => document.querySelector('.ple-textarea').value.includes('####Heading Text'));
+    expect(stringIsIncluded).toBe(true);
+
+    await page.click('.woofmark-command-heading');
+    stringIsIncluded = await page.evaluate(() => document.querySelector('.ple-textarea').value.includes('Heading Text'));
+    expect(stringIsIncluded).toBe(true);
+
+  }, timeout);
+});