@adyen/eslint-plugin-bento 2.10.0 → 2.12.0

package/rules/deprecation-country-custom-usage/__tests__/deprecation-country-custom-usage.vue

@@ -0,0 +1,93 @@
+<template>
+    <div>
+        <!-- bento-country: variant="custom" only (warn) -->
+        <bento-country code="NL" variant="custom" />
+        <!-- bento-country: label only (warn) -->
+        <bento-country code="NL" label="Custom label" />
+        <!-- bento-country: both (warn) -->
+        <bento-country code="NL" variant="custom" label="Custom label" />
+
+        <!-- bento-dropdown-country: label in items only (warn) -->
+        <bento-dropdown-country :items="[{ value: 'NL', label: 'Custom label' }]" />
+        <!-- bento-dropdown-country: variant="custom" only (warn) -->
+        <bento-dropdown-country :items="[{ value: 'NL' }]" variant="custom" />
+        <!-- bento-dropdown-country: both (warn) -->
+        <bento-dropdown-country :items="[{ value: 'NL', label: 'Custom label' }]" variant="custom" />
+
+        <!-- SELECT_COUNTRY filter-bar: label only (warn) -->
+        <bento-filter-bar
+            :config="[
+                {
+                    field: 'c',
+                    label: 'C',
+                    type: BentoFilterItemType.SELECT_COUNTRY,
+                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }] },
+                },
+            ]"
+        />
+        <!-- SELECT_COUNTRY filter-bar: variant="custom" only (warn) -->
+        <bento-filter-bar
+            :config="[
+                {
+                    field: 'c',
+                    label: 'C',
+                    type: BentoFilterItemType.SELECT_COUNTRY,
+                    options: { listboxItems: [{ value: 'NL' }], variant: 'custom' },
+                },
+            ]"
+        />
+        <!-- SELECT_COUNTRY filter-bar: both (warn x2) -->
+        <bento-filter-bar
+            :config="[
+                {
+                    field: 'c',
+                    label: 'C',
+                    type: BentoFilterItemType.SELECT_COUNTRY,
+                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }], variant: 'custom' },
+                },
+            ]"
+        />
+
+        <!-- SELECT_COUNTRY data-grid: label only (warn) -->
+        <bento-data-grid
+            :filters="[
+                {
+                    field: 'c',
+                    label: 'C',
+                    type: BentoFilterItemType.SELECT_COUNTRY,
+                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }] },
+                },
+            ]"
+        />
+        <!-- SELECT_COUNTRY data-grid: variant="custom" only (warn) -->
+        <bento-data-grid
+            :filters="[
+                {
+                    field: 'c',
+                    label: 'C',
+                    type: BentoFilterItemType.SELECT_COUNTRY,
+                    options: { listboxItems: [{ value: 'NL' }], variant: 'custom' },
+                },
+            ]"
+        />
+        <!-- SELECT_COUNTRY data-grid: both (warn x2) -->
+        <bento-data-grid
+            :filters="[
+                {
+                    field: 'c',
+                    label: 'C',
+                    type: BentoFilterItemType.SELECT_COUNTRY,
+                    options: { listboxItems: [{ value: 'NL', label: 'Custom label' }], variant: 'custom' },
+                },
+            ]"
+        />
+
+        <!-- Valid: non-custom usage -->
+        <bento-country code="NL" variant="name" />
+        <bento-dropdown-country :items="[{ value: 'NL' }]" />
+    </div>
+</template>
+
+<script setup>
+    import { BentoFilterItemType } from '@adyen/bento-vue2';
+</script>

package/rules/deprecation-country-custom-usage/__tests__/eslint.config.js

@@ -0,0 +1,25 @@
+// eslint.config.js
+const { defineConfig } = require('eslint/config');
+const vueParser = require('vue-eslint-parser');
+const tsParser = require('@typescript-eslint/parser');
+const adyenBento = require('@adyen/eslint-plugin-bento');
+
+module.exports = defineConfig([
+    {
+        languageOptions: {
+            ecmaVersion: 'latest',
+            sourceType: 'module',
+            parser: vueParser,
+            parserOptions: {
+                parser: tsParser,
+            },
+        },
+        plugins: {
+            '@adyen/bento': adyenBento,
+        },
+        rules: {
+            '@adyen/bento/deprecation-country-custom-usage': ['warn', { autofix: true }],
+        },
+        files: ['**/*.vue'],
+    },
+]);

package/rules/deprecation-country-custom-usage/deprecation-country-custom-usage.integration.test.ts

@@ -0,0 +1,22 @@
+import path from 'node:path';
+import { execFileSyncEslintVueFiles } from '../../utils/exec-file-sync-eslint-vue-files';
+
+describe('@adyen/bento/deprecation-country-custom-usage', () => {
+    it('should lint with warning', () => {
+        const eslintrc = path.resolve(__dirname, '__tests__', 'eslint.config.js');
+        const vueFile = path.resolve(__dirname, '__tests__', 'deprecation-country-custom-usage.vue');
+
+        const result = JSON.parse(execFileSyncEslintVueFiles(eslintrc, vueFile));
+
+        // bento-country: variant only (1) + label only (1) + both (1) = 3
+        // bento-dropdown-country: label only (1) + variant only (1) + both (1) = 3
+        // filter-bar: label only (1) + variant only (1) + both (2) = 4
+        // data-grid: label only (1) + variant only (1) + both (2) = 4
+        expect(result[0].warningCount).toBe(14);
+
+        expect(result[0].messages[0]).toMatchObject({
+            ruleId: '@adyen/bento/deprecation-country-custom-usage',
+            severity: 1,
+        });
+    });
+});