fix tests

Author: Jesse Haigh

src/components/ContentNode/CodeListing.vue

@@ -41,9 +41,13 @@
         v-for="(line, index) in syntaxHighlightedLines"
       ><span
         :key="index"
-        :class="['code-line-container',{ highlighted: isHighlighted(index),
-                 highlighted: isUserHighlighted(index),
-                 strikethrough: isUserStrikethrough(index),}]"
+        :class="[
+          'code-line-container',
+          {
+            highlighted: isHighlighted(index) || isUserHighlighted(index),
+            strikethrough: isUserStrikethrough(index),
+          }
+        ]"
       ><span
         v-if="showLineNumbers"
         class="code-number"

src/components/Tutorial/CodeTheme.vue

@@ -84,7 +84,6 @@ export default {
         '--text': codeColors.text,
         '--background': codeColors.background,
         '--line-highlight': codeColors.lineHighlight,
-        '--user-line-highlight': codeColors.userLineHighlight,
         '--url': codeColors.commentURL,
         '--syntax-comment': codeColors.comment,
         '--syntax-quote': codeColors.comment,

tests/unit/components/ContentNode/CodeListing.spec.js

@@ -129,7 +129,7 @@ describe('CodeListing', () => {
       const codeLine = codeLineContainer.find('.code-line');
       expect(codeLine.text()).toBe(line);
 
-      expect(codeLineContainer.classes('user-highlighted')).toBe(shouldBeHighlighted);
+      expect(codeLineContainer.classes('highlighted')).toBe(shouldBeHighlighted);
     });
   });
 
@@ -164,7 +164,7 @@ describe('CodeListing', () => {
       const codeLine = codeLineContainer.find('.code-line');
       expect(codeLine.text()).toBe(line);
 
-      expect(codeLineContainer.classes('user-strikethrough')).toBe(shouldBeStriked);
+      expect(codeLineContainer.classes('strikethrough')).toBe(shouldBeStriked);
     });
   });
 
@@ -352,7 +352,7 @@ describe('CodeListing', () => {
 
     await wrapper.setProps({ wrap: 0 });
     style = wrapper.attributes('style') || '';
-    expect(style).toMatch(/--wrap-ch:\s*0\b/);
+    expect(style === null || style === '').toBe(true);
   });
 
   it('treats negative wrap as no-wrap', async () => {