Allow specifying a file extension from options override (HTML for instance, helpful to preview in the browser)

[ragunathjawahar]

I am unable to use a different extension for the approved file name. Right now, I see the verifyAndScrub function has a namer var namer = new ManualNamer(dirName, testName);.

I followed the call stack and couldn't spot a place where I can specify a different extension for my approved file. I am new to JS, please let me know if I'm missing something here.

[giacomociti]

any news on this? I also would like to have a file extension other than .txt.

[marc-bouvier]

While waiting for the evolution to be merged, you can use existing API to verify with custom file extensions.

An example of such utility :

import * as approvals from 'approvals'
import StringWriter from 'approvals/lib/StringWriter'
import path from 'node:path'

test('Draws mermaid diagram',  () => {
	const mermaidCode = "some mermaid diagram"

	verifyWithExtension('docs/diagrams', 'flow-diagram', mermaidCode, 'mermaid')
})

function verifyWithExtension(
	dirName: string,
	testName: string,
	text: string,
	extensionWithoutDot: string = 'txt'
) {
	approvals.verifyWithControl(
		namerWithExtension(dirName, testName),
		new StringWriter(approvals.getConfig(), text, extensionWithoutDot)
	)
}

function namerWithExtension(dirName: string, testName: string) {
	return {
		getApprovedFile(ext: string): string {
			return path.join(dirName, testName + '.approved.' + ext)
		},
		getReceivedFile(ext: string): string {
			return path.join(dirName, testName + '.received.' + ext)
		}
	}
}

Will generate and verify against files :

• docs/diagrams/subscription-fsm.approved.mermaid
• docs/diagrams/subscription-fsm.received.mermaid