n8n/packages/editor-ui/src/components/ShortenName.vue
Milorad FIlipović cb3bfc32f7
test: Setup e2e tests for workflow actions (#4724)
*  Adding first batch of workflow actions tests
*  Adding loading handling logic and new workflow actions tests
*  Added workflow activation and rename tests
* 👌 Addressing review feedback
* 🔥 Removing leftover commented code
2022-11-25 15:32:09 +01:00

24 lines
544 B
Vue

<template>
<span :title="name" :data-test-id="testId">
<slot :shortenedName="shortenedName"></slot>
</span>
</template>
<script lang="ts">
import Vue from "vue";
import { shorten } from "@/utils";
const DEFAULT_WORKFLOW_NAME_LIMIT = 25;
const WORKFLOW_NAME_END_COUNT_TO_KEEP = 4;
export default Vue.extend({
name: "ShortenName",
props: ["name", "limit", "testId"],
computed: {
shortenedName(): string {
return shorten(this.name, this.limit || DEFAULT_WORKFLOW_NAME_LIMIT, WORKFLOW_NAME_END_COUNT_TO_KEEP);
},
},
});
</script>