diff --git a/exporters/variables-scss/src/formatters/__tests__/stylesFormatter.test.ts b/exporters/variables-scss/src/formatters/__tests__/stylesFormatter.test.ts
index 8a2fbdee8e..36802a29a8 100644
--- a/exporters/variables-scss/src/formatters/__tests__/stylesFormatter.test.ts
+++ b/exporters/variables-scss/src/formatters/__tests__/stylesFormatter.test.ts
@@ -12,8 +12,9 @@ const mockedFormattedCSS = fs.readFileSync(
   'utf-8',
 );
 
-const mockedUnformattedJS = `
-export const gridSpacingDesktop: '32px';
+const mockedFormattedJS = fs.readFileSync(path.join(__dirname, '../../../tests/fixtures/formattedExample.ts'), 'utf-8');
+
+const mockedUnformattedJS = `export const gridSpacingDesktop = '32px';
 
 export const gridColumns = '12';
 
@@ -25,25 +26,12 @@ columns: gridColumns,
 };
 `;
 
-const expectedJsOutput = `
-export const gridSpacingDesktop: '32px';
-
-export const gridColumns = '12';
-
-export const grids = {
-  spacing: {
-    desktop: gridSpacingDesktop,
-  },
-  columns: gridColumns,
-};
-`;
-
 describe('indentAndFormat', () => {
   it('should correctly indent and format CSS output', () => {
     expect(indentAndFormat(mockedUnformattedCSS, false)).toBe(mockedFormattedCSS);
   });
 
   it('should correctly indent and format JS output', () => {
-    expect(indentAndFormat(mockedUnformattedJS, true)).toBe(expectedJsOutput);
+    expect(indentAndFormat(mockedUnformattedJS, true)).toBe(mockedFormattedJS);
   });
 });
diff --git a/exporters/variables-scss/tests/fixtures/formattedExample.ts b/exporters/variables-scss/tests/fixtures/formattedExample.ts
new file mode 100644
index 0000000000..7e57df14fe
--- /dev/null
+++ b/exporters/variables-scss/tests/fixtures/formattedExample.ts
@@ -0,0 +1,10 @@
+export const gridSpacingDesktop = '32px';
+
+export const gridColumns = '12';
+
+export const grids = {
+  spacing: {
+    desktop: gridSpacingDesktop,
+  },
+  columns: gridColumns,
+};