vue Architecture Docs
Home / File/ markdown.spec.ts — vue Source File

markdown.spec.ts — vue Source File

Architecture documentation for markdown.spec.ts, a typescript file in the vue codebase. 4 imports, 0 dependents.

File typescript CompilerSFC 4 imports

Entity Profile

Dependency Diagram

graph LR
  afaca4bf_09df_8b93_a48b_cbfeee2f6a0c["markdown.spec.ts"]
  74c9703b_0a18_7462_9820_16ae2926fb68["e2eUtils.ts"]
  afaca4bf_09df_8b93_a48b_cbfeee2f6a0c --> 74c9703b_0a18_7462_9820_16ae2926fb68
  a0544ceb_04fe_69ff_50e4_5f4b5588b908["setupPuppeteer"]
  afaca4bf_09df_8b93_a48b_cbfeee2f6a0c --> a0544ceb_04fe_69ff_50e4_5f4b5588b908
  09bd69bd_f59a_2915_4005_7aa7799e0d71["expectByPolling"]
  afaca4bf_09df_8b93_a48b_cbfeee2f6a0c --> 09bd69bd_f59a_2915_4005_7aa7799e0d71
  86d0ef47_5ef3_4c63_5a71_03f519f9407a["getExampleUrl"]
  afaca4bf_09df_8b93_a48b_cbfeee2f6a0c --> 86d0ef47_5ef3_4c63_5a71_03f519f9407a
  style afaca4bf_09df_8b93_a48b_cbfeee2f6a0c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  setupPuppeteer,
  expectByPolling,
  getExampleUrl,
  E2E_TIMEOUT
} from './e2eUtils'

describe('e2e: markdown', () => {
  const { page, isVisible, value, html } = setupPuppeteer()

  async function testMarkdown(apiType: 'classic' | 'composition') {
    await page().goto(getExampleUrl('markdown', apiType))
    expect(await isVisible('#editor')).toBe(true)
    expect(await value('textarea')).toBe('# hello')
    expect(await html('#editor div')).toBe('<h1 id="hello">hello</h1>\n')

    await page().type('textarea', '\n## foo\n\n- bar\n- baz')

    // assert the output is not updated yet because of debounce
    // debounce has become unstable on CI so this assertion is disabled
    // expect(await html('#editor div')).toBe('<h1 id="hello">hello</h1>\n')

    await expectByPolling(
      () => html('#editor div'),
      '<h1 id="hello">hello</h1>\n' +
        '<h2 id="foo">foo</h2>\n' +
        '<ul>\n<li>bar</li>\n<li>baz</li>\n</ul>\n'
    )
  }

  test(
    'classic',
    async () => {
      await testMarkdown('classic')
    },
    E2E_TIMEOUT
  )

  test(
    'composition',
    async () => {
      await testMarkdown('composition')
    },
    E2E_TIMEOUT
  )
})

Domain

Dependencies

Source

Frequently Asked Questions

What does markdown.spec.ts do?
markdown.spec.ts is a source file in the vue codebase, written in typescript. It belongs to the CompilerSFC domain.
What does markdown.spec.ts depend on?
markdown.spec.ts imports 4 module(s): e2eUtils.ts, expectByPolling, getExampleUrl, setupPuppeteer.
Where is markdown.spec.ts in the architecture?
markdown.spec.ts is located at test/e2e/markdown.spec.ts (domain: CompilerSFC, directory: test/e2e).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free